@pega/react-sdk-components 0.23.26 → 8.8.20

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

@@ -1,19 +1,23 @@
 import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import AssignmentCard from '../AssignmentCard';
-import MultiStep from '../MultiStep';
 import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Assignment(props) {
-    const { getPConnect, children, itemKey, isInModal } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const AssignmentCard = getComponentFromMap("AssignmentCard");
+    const MultiStep = getComponentFromMap("MultiStep");
+    const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;
     const thePConn = getPConnect();
     const [bHasNavigation, setHasNavigation] = useState(false);
-    const [actionButtons, setActionButtons] = useState({});
+    const [actionButtons, setActionButtons] = useState([]);
     const [bIsVertical, setIsVertical] = useState(false);
     const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState([]);
     const [arNavigationSteps, setArNavigationSteps] = useState([]);
     const actionsAPI = thePConn.getActionsApi();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    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);
@@ -50,7 +54,7 @@ export default function Assignment(props) {
             // debugger;
             const oWorkItem = children[0].props.getPConnect();
             const oWorkData = oWorkItem.getDataObject();
-            const oData = thePConn.getDataObject();
+            const oData = thePConn.getDataObject(thePConn.getContextName());
             if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
                 const oCaseInfo = oData.caseInfo;
                 if (oCaseInfo && oCaseInfo.actionButtons) {
@@ -69,7 +73,13 @@ export default function Assignment(props) {
                     else {
                         setIsVertical(false);
                     }
-                    setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));
+                    const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
+                    steps.forEach(step => {
+                        if (step.name) {
+                            step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
+                        }
+                    });
+                    setArNavigationSteps(steps);
                     setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
                 }
             }
@@ -101,7 +111,7 @@ export default function Assignment(props) {
                     navigatePromise
                         .then(() => { })
                         .catch(() => {
-                        showToast(`Navigation failed!`);
+                        showToast(`${localizedVal('Navigation failed!', localeCategory)}`);
                     });
                     break;
                 }
@@ -117,7 +127,7 @@ export default function Assignment(props) {
                         onSaveActionSuccess({ caseType, caseID, assignmentID });
                     })
                         .catch(() => {
-                        showToast('Save failed');
+                        showToast(`${localizedVal('Save failed', localeCategory)}`);
                     });
                     break;
                 }
@@ -128,7 +138,7 @@ export default function Assignment(props) {
                     const isAssignmentInCreateStage = thePConn.getCaseInfo().isAssignmentInCreateStage();
                     const isLocalAction = thePConn.getCaseInfo().isLocalAction() ||
                         (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION &&
-                            getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));
+                            getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION, '')); // 2nd arg empty string until typedefs allow it to be optional
                     if (isAssignmentInCreateStage && isInModal && !isLocalAction) {
                         const cancelPromise = cancelCreateStageAssignment(itemKey);
                         cancelPromise
@@ -136,7 +146,7 @@ export default function Assignment(props) {
                             publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
                         })
                             .catch(() => {
-                            showToast(`Cancel failed!`);
+                            showToast(`${localizedVal('Cancel failed!', localeCategory)}`);
                         });
                     }
                     else {
@@ -146,7 +156,7 @@ export default function Assignment(props) {
                             publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
                         })
                             .catch(() => {
-                            showToast(`Cancel failed!`);
+                            showToast(`${localizedVal('Cancel failed!', localeCategory)}`);
                         });
                     }
                     break;
@@ -163,7 +173,7 @@ export default function Assignment(props) {
                     finishPromise
                         .then(() => { })
                         .catch(() => {
-                        showToast(`Submit failed!`);
+                        showToast(`${localizedVal('Submit failed!', localeCategory)}`);
                     });
                     break;
                 }
@@ -172,13 +182,15 @@ export default function Assignment(props) {
             }
         }
     }
-    return (React.createElement("div", { id: 'Assignment' }, bHasNavigation ? (React.createElement(React.Fragment, null,
-        React.createElement(MultiStep, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, bIsVertical: bIsVertical, arCurrentStepIndicies: arCurrentStepIndicies, arNavigationSteps: arNavigationSteps }, children),
-        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
-                React.createElement(CloseIcon, { fontSize: 'small' })) }))) : (React.createElement(React.Fragment, null,
-        React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children),
-        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
-                React.createElement(CloseIcon, { fontSize: 'small' })) })))));
+    return (React.createElement("div", { id: 'Assignment' },
+        banners,
+        bHasNavigation ? (React.createElement(React.Fragment, null,
+            React.createElement(MultiStep, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, bIsVertical: bIsVertical, arCurrentStepIndicies: arCurrentStepIndicies, arNavigationSteps: arNavigationSteps }, children),
+            React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' })) }))) : (React.createElement(React.Fragment, null,
+            React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children),
+            React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' })) })))));
 }
 // From WC SDK
 // const aHtml = html`
@@ -203,17 +215,4 @@ export default function Assignment(props) {
 //         <lit-toast></lit-toast>
 //     </div>`}
 // `;
-Assignment.propTypes = {
-    children: PropTypes.node.isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    itemKey: PropTypes.string,
-    isInModal: PropTypes.bool
-    // actionButtons: PropTypes.object
-    // buildName: PropTypes.string
-};
-Assignment.defaultProps = {
-    itemKey: null,
-    isInModal: false
-    // buildName: null
-};
 //# sourceMappingURL=Assignment.js.map

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, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport AssignmentCard from '../AssignmentCard';\nimport MultiStep from '../MultiStep';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\ndeclare const PCore: any;\n\nexport default function Assignment(props) {\n  const { getPConnect, children, itemKey, isInModal } = 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<Array<any>>([]);\n  const [arNavigationSteps, setArNavigationSteps] = useState<Array<any>>([]);\n\n  const actionsAPI = thePConn.getActionsApi();\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 showPage = actionsAPI.showPage.bind(actionsAPI);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function findCurrentIndicies(\n    arStepperSteps: Array<any>,\n    arIndicies: Array<number>,\n    depth: number\n  ): Array<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  useEffect(() => {\n    if (children && children.length > 0) {\n      // debugger;\n\n      const oWorkItem = children[0].props.getPConnect();\n      const oWorkData = oWorkItem.getDataObject();\n      const oData = thePConn.getDataObject();\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 &&\n            oCaseInfo.navigation.template.toLowerCase() === 'standard'\n          ) {\n            setHasNavigation(false);\n          } else if (\n            oCaseInfo.navigation.template &&\n            oCaseInfo.navigation.template.toLowerCase() === 'vertical'\n          ) {\n            setIsVertical(true);\n          } else {\n            setIsVertical(false);\n          }\n\n          setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));\n          setArCurrentStepIndicies(\n            findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0)\n          );\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 | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function onSaveActionSuccess(data) {\n    actionsAPI.cancelAssignment(itemKey).then(() => {\n      PCore.getPubSubUtils().publish(\n        PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED,\n        data\n      );\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(`Navigation failed!`);\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\n                .getCaseInfo()\n                .c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);\n              onSaveActionSuccess({ caseType, caseID, assignmentID });\n            })\n            .catch(() => {\n              showToast('Save failed');\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 &&\n              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(`Cancel failed!`);\n              });\n          } else {\n            const cancelPromise = cancelAssignment(itemKey);\n\n            cancelPromise\n              .then(data => {\n                publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);\n              })\n              .catch(() => {\n                showToast(`Cancel failed!`);\n              });\n          }\n          break;\n        }\n\n        default:\n          break;\n      }\n    } else if (sButtonType === 'primary') {\n      // eslint-disable-next-line sonarjs/no-small-switch\n      switch (sAction) {\n        case 'finishAssignment': {\n          const finishPromise = finishAssignment(itemKey);\n\n          finishPromise\n            .then(() => {})\n            .catch(() => {\n              showToast(`Submit failed!`);\n            });\n\n          break;\n        }\n\n        default:\n          break;\n      }\n    }\n  }\n\n  return (\n    <div id='Assignment'>\n      {bHasNavigation ? (\n        <React.Fragment>\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\n                size='small'\n                aria-label='close'\n                color='inherit'\n                onClick={handleSnackbarClose}\n              >\n                <CloseIcon fontSize='small' />\n              </IconButton>\n            }\n          />\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          <AssignmentCard\n            getPConnect={getPConnect}\n            itemKey={itemKey}\n            actionButtons={actionButtons}\n            onButtonPress={buttonPress}\n          >\n            {children}\n          </AssignmentCard>\n          <Snackbar\n            open={showSnackbar}\n            autoHideDuration={3000}\n            onClose={handleSnackbarClose}\n            message={snackbarMessage}\n            action={\n              <IconButton\n                size='small'\n                aria-label='close'\n                color='inherit'\n                onClick={handleSnackbarClose}\n              >\n                <CloseIcon fontSize='small' />\n              </IconButton>\n            }\n          />\n        </React.Fragment>\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\nAssignment.propTypes = {\n  children: PropTypes.node.isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  itemKey: PropTypes.string,\n  isInModal: PropTypes.bool\n  // actionButtons: PropTypes.object\n  // buildName: PropTypes.string\n};\n\nAssignment.defaultProps = {\n  itemKey: null,\n  isInModal: false\n  // buildName: null\n};\n"]}
+{"version":3,"file":"Assignment.js","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\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  children: Array<any>,\n  itemKey: string,\n  isInModal: boolean,\n  banners: Array<any>\n  // eslint-disable-next-line react/no-unused-prop-types\n  actionButtons: Array<any>,\n}\n\n\nexport default function Assignment(props: 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<Array<any>>([]);\n  const [arNavigationSteps, setArNavigationSteps] = useState<Array<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 showPage = actionsAPI.showPage.bind(actionsAPI);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function findCurrentIndicies(\n    arStepperSteps: Array<any>,\n    arIndicies: Array<number>,\n    depth: number\n  ): Array<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  useEffect(() => {\n    if (children && children.length > 0) {\n      // debugger;\n\n      const oWorkItem = children[0].props.getPConnect();\n      const oWorkData = oWorkItem.getDataObject();\n      const oData = thePConn.getDataObject(thePConn.getContextName());\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 &&\n            oCaseInfo.navigation.template.toLowerCase() === 'standard'\n          ) {\n            setHasNavigation(false);\n          } else if (\n            oCaseInfo.navigation.template &&\n            oCaseInfo.navigation.template.toLowerCase() === 'vertical'\n          ) {\n            setIsVertical(true);\n          } else {\n            setIsVertical(false);\n          }\n          const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));\n          steps.forEach(step => {\n            if (step.name) {\n              step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);\n            }\n          });\n          setArNavigationSteps(steps);\n          setArCurrentStepIndicies(\n            findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0)\n          );\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 | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function onSaveActionSuccess(data) {\n    actionsAPI.cancelAssignment(itemKey).then(() => {\n      PCore.getPubSubUtils().publish(\n        PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CREATE_STAGE_SAVED,\n        data\n      );\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\n                .getCaseInfo()\n                .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 &&\n              getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION, ''));// 2nd arg empty string until typedefs allow it to be optional\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);\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        default:\n          break;\n      }\n    } else if (sButtonType === 'primary') {\n      // eslint-disable-next-line sonarjs/no-small-switch\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        default:\n          break;\n      }\n    }\n  }\n\n  return (\n    <div id='Assignment'>\n      {banners}\n      {bHasNavigation ? (\n        <React.Fragment>\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\n                size='small'\n                aria-label='close'\n                color='inherit'\n                onClick={handleSnackbarClose}\n              >\n                <CloseIcon fontSize='small' />\n              </IconButton>\n            }\n          />\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          <AssignmentCard\n            getPConnect={getPConnect}\n            itemKey={itemKey}\n            actionButtons={actionButtons}\n            onButtonPress={buttonPress}\n          >\n            {children}\n          </AssignmentCard>\n          <Snackbar\n            open={showSnackbar}\n            autoHideDuration={3000}\n            onClose={handleSnackbarClose}\n            message={snackbarMessage}\n            action={\n              <IconButton\n                size='small'\n                aria-label='close'\n                color='inherit'\n                onClick={handleSnackbarClose}\n              >\n                <CloseIcon fontSize='small' />\n              </IconButton>\n            }\n          />\n        </React.Fragment>\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,17 +1,11 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function AssignmentCard(props: any): JSX.Element;
-declare namespace AssignmentCard {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        itemKey: PropTypes.Requireable<string>;
-        actionButtons: PropTypes.Requireable<object>;
-        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var defaultProps: {
-        itemKey: null;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface AssignmentCardProps extends PConnProps {
+    children: Array<any>;
+    actionButtons: any;
+    onButtonPress: any;
+    itemKey?: string;
 }
-export default AssignmentCard;
+export default function AssignmentCard(props: AssignmentCardProps): JSX.Element;
+export {};
 //# sourceMappingURL=AssignmentCard.d.ts.map

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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,cAAc,CAAC,KAAK,KAAA,eAyB3C;kBAzBuB,cAAc;;;;;;;;;;;;eAAd,cAAc"}
+{"version":3,"file":"AssignmentCard.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,mBAAoB,SAAQ,UAAU;IAE9C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAGD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA4BhE"}

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

@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import ActionButtons from "../ActionButtons";
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function AssignmentCard(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const ActionButtons = getComponentFromMap("ActionButtons");
     const { children, actionButtons, onButtonPress } = props;
     const [arMainButtons, setArMainButtons] = useState([]);
     const [arSecondaryButtons, setArSecondaryButtons] = useState([]);
@@ -18,18 +19,4 @@ export default function AssignmentCard(props) {
         children,
         arMainButtons && arSecondaryButtons && React.createElement(ActionButtons, { arMainButtons: arMainButtons, arSecondaryButtons: arSecondaryButtons, onButtonPress: buttonPress })));
 }
-AssignmentCard.propTypes = {
-    children: PropTypes.node.isRequired,
-    // eslint-disable-next-line react/no-unused-prop-types
-    getPConnect: PropTypes.func.isRequired,
-    // eslint-disable-next-line react/no-unused-prop-types
-    itemKey: PropTypes.string,
-    actionButtons: PropTypes.object,
-    onButtonPress: PropTypes.func
-    // buildName: PropTypes.string
-};
-AssignmentCard.defaultProps = {
-    itemKey: null,
-    // buildName: null
-};
 //# sourceMappingURL=AssignmentCard.js.map

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,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAExD,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,CAAE,GAAE,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;QACG,QAAQ;QAEP,aAAa,IAAI,kBAAkB,IAAI,oBAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,WAAW,GAAkB,CAEzK,CACJ,CAAA;AACH,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,sDAAsD;IACtD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,sDAAsD;IACtD,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,aAAa,EAAE,SAAS,CAAC,IAAI;IAC7B,8BAA8B;CAC/B,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,OAAO,EAAE,IAAI;IACb,kBAAkB;CACnB,CAAC","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport ActionButtons from \"../ActionButtons\";\n\nexport default function AssignmentCard(props) {\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      {\n        arMainButtons && arSecondaryButtons && <ActionButtons arMainButtons={arMainButtons} arSecondaryButtons={arSecondaryButtons} onButtonPress={buttonPress}></ActionButtons>\n      }\n    </>\n  )\n}\n\nAssignmentCard.propTypes = {\n  children: PropTypes.node.isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  getPConnect: PropTypes.func.isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey: PropTypes.string,\n  actionButtons: PropTypes.object,\n  onButtonPress: PropTypes.func\n  // buildName: PropTypes.string\n};\n\nAssignmentCard.defaultProps = {\n  itemKey: null,\n  // buildName: null\n};\n"]}
+{"version":3,"file":"AssignmentCard.js","sourceRoot":"","sources":["../../../../src/components/infra/AssignmentCard/AssignmentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAYhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,8EAA8E;IAC9E,MAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE3D,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAExD,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,CAAE,GAAE,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;QACG,QAAQ;QAEP,aAAa,IAAI,kBAAkB,IAAI,oBAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,WAAW,GAAkB,CAEzK,CACJ,CAAA;AACH,CAAC","sourcesContent":["import React, { useState, useEffect } from \"react\";\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  children: Array<any>,\n  actionButtons: any,\n  onButtonPress: any,\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey?: string\n}\n\n\nexport default function AssignmentCard(props: 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      {\n        arMainButtons && arSecondaryButtons && <ActionButtons arMainButtons={arMainButtons} arSecondaryButtons={arSecondaryButtons} onButtonPress={buttonPress}></ActionButtons>\n      }\n    </>\n  )\n}\n"]}

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

@@ -1,23 +1,3 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function FlowContainer(props: any): JSX.Element;
-declare namespace FlowContainer {
-    var defaultProps: {
-        children: null;
-        getPConnect: null;
-        name: string;
-        routingInfo: null;
-        pageMessages: null;
-    };
-    var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-        name: PropTypes.Requireable<string>;
-        routingInfo: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-        pageMessages: PropTypes.Requireable<any[]>;
-    };
-}
-export default FlowContainer;
+export default function FlowContainer(props: any): JSX.Element;
 //# sourceMappingURL=FlowContainer.d.ts.map

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":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AA6CnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAua1C;kBAvauB,aAAa;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
+{"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":";AA6DA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,KAAA,eAyb1C"}

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

@@ -1,18 +1,17 @@
 /* eslint-disable no-nested-ternary */
 /* eslint-disable camelcase */
 import React, { useState, useEffect, useContext, createElement } from 'react';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import { Card, CardHeader, Avatar, Typography } from '@material-ui/core';
 import { Utils } from '../../../helpers/utils';
 import { Alert } from '@material-ui/lab';
-import Assignment from '../../Assignment';
-import ToDo from '../../../widget/ToDo';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import StoreContext from '../../../../bridge/Context/StoreContext';
 import DayjsUtils from '@date-io/dayjs';
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 import { addContainerItem, getToDoAssignments, showBanner } from './helpers';
+import { isEmptyObject } from '../../../helpers/common-utils';
+import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
 // Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
@@ -38,11 +37,16 @@ const useStyles = makeStyles(theme => ({
         color: theme.palette.getContrastText(theme.palette.primary.light)
     }
 }));
-export default function FlowContainer(props) {
+export default function FlowContainer(props /* : FlowContainerProps */) {
+    // Get the proper implementation (local or Pega-provided) for these components that are emitted below
+    const Assignment = getComponentFromMap('Assignment');
+    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, routingInfo } = props;
+    const { getPConnect, routingInfo, pageMessages } = props;
     const { displayOnlyFA } = useContext(StoreContext);
     const thePConn = getPConnect();
     // const [init, setInit] = useState(true);
@@ -63,6 +67,10 @@ export default function FlowContainer(props) {
     const [containerName, setContainerName] = useState('');
     const [buildName, setBuildName] = useState('');
     const [bShowConfirm, setShowConfirm] = useState(false);
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Messages';
+    const caseInfo = getPConnect().getCaseInfo();
+    const localeReference = `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase();
     const classes = useStyles();
     function initContainer() {
         const ourPConn = getPConnect();
@@ -91,7 +99,7 @@ export default function FlowContainer(props) {
         return `${context.toUpperCase()}/${viewContainerName.toUpperCase()}`;
     }
     function getTodoVisibility() {
-        const caseViewMode = getPConnect().getValue('context_data.caseViewMode');
+        const caseViewMode = getPConnect().getValue('context_data.caseViewMode', ''); // 2nd arg empty string until typedefs properly allow optional
         if (caseViewMode && caseViewMode === 'review') {
             return true;
         }
@@ -133,7 +141,7 @@ export default function FlowContainer(props) {
         const oWorkData = oWorkItem.getDataObject();
         if (bLoadChildren && oWorkData) {
             // debugger;
-            setContainerName(oWorkData.caseInfo.assignments?.[0].name);
+            setContainerName(localizedVal(oWorkData.caseInfo.assignments?.[0].name, undefined, localeReference));
         }
         // debugger;
         setBuildName(getBuildName());
@@ -145,8 +153,8 @@ export default function FlowContainer(props) {
     }, []);
     function isCaseWideLocalAction() {
         const ourPConn = getPConnect();
-        const actionID = ourPConn.getValue(pCoreConstants.CASE_INFO.ACTIVE_ACTION_ID);
-        const caseActions = ourPConn.getValue(pCoreConstants.CASE_INFO.AVAILABLEACTIONS);
+        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);
@@ -158,7 +166,7 @@ export default function FlowContainer(props) {
     }
     function hasChildCaseAssignments() {
         const ourPConn = getPConnect();
-        const childCases = ourPConn.getValue(pCoreConstants.CASE_INFO.CHILD_ASSIGNMENTS);
+        const childCases = ourPConn.getValue(pCoreConstants.CASE_INFO.CHILD_ASSIGNMENTS, ''); // 2nd arg empty string until typedefs properly allow optional
         // const allAssignments = [];
         // eslint-disable-next-line sonarjs/prefer-single-boolean-return
         if (childCases && childCases.length > 0) {
@@ -169,21 +177,27 @@ export default function FlowContainer(props) {
     function hasAssignments() {
         const ourPConn = getPConnect();
         let bHasAssignments = false;
-        const assignmentsList = ourPConn.getValue(pCoreConstants.CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS);
-        const thisOperator = PCore.getEnvironmentInfo().getOperatorIdentifier();
+        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
-        let bAssignmentsForThisOperator = false;
+        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;
         }
-        for (const assignment of assignmentsList) {
-            if (assignment['assigneeInfo']['ID'] === thisOperator) {
-                bAssignmentsForThisOperator = true;
-            }
-        }
         const bHasChildCaseAssignments = hasChildCaseAssignments();
         if (bAssignmentsForThisOperator || bHasChildCaseAssignments || isCaseWideLocalAction()) {
             bHasAssignments = true;
@@ -194,8 +208,8 @@ export default function FlowContainer(props) {
         const ourPConn = getPConnect();
         let activeActionLabel = '';
         const { CASE_INFO: CASE_CONSTS } = pCoreConstants;
-        const caseActions = ourPConn.getValue(CASE_CONSTS.CASE_INFO_ACTIONS);
-        const activeActionID = ourPConn.getValue(CASE_CONSTS.ACTIVE_ACTION_ID);
+        const caseActions = ourPConn.getValue(CASE_CONSTS.CASE_INFO_ACTIONS, ''); // 2nd arg empty string until typedefs properly allow optionalv
+        const activeActionID = ourPConn.getValue(CASE_CONSTS.ACTIVE_ACTION_ID, ''); // 2nd arg empty string until typedefs properly allow optional
         const activeAction = caseActions?.find(action => action.ID === activeActionID);
         if (activeAction) {
             activeActionLabel = activeAction.name;
@@ -210,7 +224,7 @@ export default function FlowContainer(props) {
         // let routingInfo = this.getComponentProp("routingInfo");
         let loadingInfo;
         try {
-            loadingInfo = thePConn.getLoadingStatus();
+            loadingInfo = thePConn.getLoadingStatus(''); // 1st arg empty string until typedefs properly allow optional
         }
         catch (ex) {
             // eslint-disable-next-line no-console
@@ -221,14 +235,14 @@ export default function FlowContainer(props) {
             // turn off spinner
             // this.psService.sendMessage(false);
         }
-        const caseViewMode = thePConn.getValue('context_data.caseViewMode');
+        const caseViewMode = thePConn.getValue('context_data.caseViewMode', ''); // 2nd arg empty string until typedefs properly allow optional
         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));
+                    setCaseInfoID(thePConn.getValue(CASE_CONSTS.CASE_INFO_ID, '')); // 2nd arg empty string until typedefs properly allow optional
                     setTodoDatasource({ source: todoAssignments });
                 }
                 setShowTodo(true);
@@ -248,17 +262,17 @@ export default function FlowContainer(props) {
             }
         }
         // if have caseMessage show message and end
-        const theCaseMessages = thePConn.getValue('caseMessages');
+        const theCaseMessages = localizedVal(thePConn.getValue('caseMessages', ''), localeCategory); // 2nd arg empty string until typedefs properly allow optional
         if (theCaseMessages || !hasAssignments()) {
             // 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 || 'Thank you! The next step in this case has been routed appropriately.');
+            setCaseMessages(theCaseMessages || localizedVal('Thank you! The next step in this case has been routed appropriately.', localeCategory));
             setHasCaseMessages(true);
             setShowConfirm(true);
             // publish this "assignmentFinished" for mashup, need to get approved as a standard
             PCore.getPubSubUtils().publish('assignmentFinished');
             // debugger;
-            setCheckSvg(Utils.getImageSrc('check', PCore.getAssetLoader().getStaticServerUrl()));
+            setCheckSvg(Utils.getImageSrc('check', Utils.getSDKStaticConentUrl()));
         }
         else {
             // debugger;
@@ -283,7 +297,7 @@ export default function FlowContainer(props) {
                     currentItems[key] &&
                     currentItems[key].view &&
                     type === 'single' &&
-                    !Utils.isEmptyObject(currentItems[key].view)) {
+                    !isEmptyObject(currentItems[key].view)) {
                     const currentItem = currentItems[key];
                     const rootView = currentItem.view;
                     const { context } = rootView.config;
@@ -313,7 +327,7 @@ export default function FlowContainer(props) {
                     // check if have oWorkData, there are times due to timing of state change, when this
                     // may not be available
                     if (oWorkData) {
-                        setContainerName(getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name);
+                        setContainerName(localizedVal(getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name, undefined, localeReference));
                     }
                 }
             }
@@ -324,42 +338,29 @@ export default function FlowContainer(props) {
         ? getPConnect().getCaseSummary().assignments?.[0].urgency
         : '';
     const operatorInitials = Utils.getInitials(PCore.getEnvironmentInfo().getOperatorName());
-    let instructionText = thePConn.getCaseSummary()?.assignments?.[0]?.instructions;
-    if (instructionText === undefined) {
-        instructionText = '';
-    }
     const bShowBanner = showBanner(getPConnect);
+    const displayPageMessages = () => {
+        let hasBanner = false;
+        const messages = pageMessages
+            ? pageMessages.map(msg => localizedVal(msg.message, 'Messages'))
+            : pageMessages;
+        hasBanner = messages && messages.length > 0;
+        return (hasBanner && React.createElement(AlertBanner, { id: 'flowContainerBanner', variant: 'urgent', messages: messages }));
+    };
     return (React.createElement("div", { style: { textAlign: 'left' }, id: buildName, className: 'psdk-flow-container-top' },
         !bShowConfirm &&
             (!todo_showTodo ? (!displayOnlyFA ? (React.createElement(Card, { className: classes.root },
                 React.createElement(CardHeader, { title: React.createElement(Typography, { variant: 'h6' }, containerName), subheader: `Task in ${caseId} \u2022 Priority ${urgency}`, avatar: React.createElement(Avatar, { className: classes.avatar }, operatorInitials) }),
-                instructionText !== '' ? (React.createElement(Typography, { variant: 'caption' }, instructionText)) : null,
+                displayPageMessages(),
                 React.createElement(MuiPickersUtilsProvider, { utils: DayjsUtils },
                     React.createElement(Assignment, { getPConnect: getPConnect, itemKey: itemKey }, arNewChildrenAsReact)))) : (React.createElement(Card, { className: classes.root },
                 React.createElement(Typography, { variant: 'h6' }, containerName),
-                instructionText !== '' ? (React.createElement(Typography, { variant: 'caption' }, instructionText)) : null,
+                displayPageMessages(),
                 React.createElement(MuiPickersUtilsProvider, { utils: DayjsUtils },
                     React.createElement(Assignment, { getPConnect: getPConnect, itemKey: itemKey }, arNewChildrenAsReact))))) : (React.createElement("div", null,
-                React.createElement(ToDo, { getPConnect: getPConnect, caseInfoID: todo_caseInfoID, datasource: todo_datasource, showTodoList: todo_showTodoList, headerText: todo_headerText, type: TODO, context: todo_context, itemKey: itemKey })))),
+                React.createElement(ToDo, { key: Math.random(), getPConnect: getPConnect, caseInfoID: todo_caseInfoID, datasource: todo_datasource, showTodoList: todo_showTodoList, headerText: todo_headerText, type: TODO, context: todo_context, itemKey: itemKey, isConfirm: bHasCaseMessages })))),
         bHasCaseMessages && (React.createElement("div", { className: classes.alert },
             React.createElement(Alert, { severity: 'success' }, caseMessages))),
         bShowConfirm && bShowBanner && React.createElement("div", null, arNewChildrenAsReact)));
 }
-FlowContainer.defaultProps = {
-    children: null,
-    getPConnect: null,
-    name: '',
-    routingInfo: null,
-    pageMessages: null
-};
-FlowContainer.propTypes = {
-    // eslint-disable-next-line react/no-unused-prop-types
-    children: PropTypes.node,
-    getPConnect: PropTypes.func,
-    // eslint-disable-next-line react/no-unused-prop-types
-    name: PropTypes.string,
-    routingInfo: PropTypes.objectOf(PropTypes.any),
-    // eslint-disable-next-line react/no-unused-prop-types
-    pageMessages: PropTypes.arrayOf(PropTypes.any)
-};
 //# sourceMappingURL=FlowContainer.js.map