@pega/react-sdk-overrides 0.23.26 → 0.23.28

package/lib/infra/Containers/FlowContainer/FlowContainer.tsx

@@ -1,23 +1,29 @@
 /* eslint-disable no-nested-ternary */
-/* eslint-disable camelcase */
-import React, { useState, useEffect, useContext, createElement } from 'react';
-import PropTypes from 'prop-types';
+
+import { useState, useEffect, useContext } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { Card, CardHeader, Avatar, Typography } from '@material-ui/core';
-import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
 import { Alert } from '@material-ui/lab';
-
-import Assignment from '@pega/react-sdk-components/lib/components/infra/Assignment';
-import ToDo from '@pega/react-sdk-components/lib/components/widget/ToDo';
-
-import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
-import StoreContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
 import DayjsUtils from '@date-io/dayjs';
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 
-import { addContainerItem, getToDoAssignments, showBanner } from './helpers';
-
-declare const PCore;
+import StoreContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
+import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
+import { isContainerInitialized } from '@pega/react-sdk-components/lib/components/helpers';
+import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
+import { withSimpleViewContainerRenderer } from '../SimpleView/SimpleView';
+
+import { addContainerItem, getToDoAssignments, showBanner, hasContainerItems } from './helpers';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+
+interface FlowContainerProps extends PConnProps {
+  // If any, enter additional props that only exist on this component
+  pageMessages: any[];
+  rootViewElement: React.ReactNode;
+  getPConnectOfActiveContainerItem: Function;
+  assignmentNames: string[];
+  activeContainerItemID: string;
+}
 
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
@@ -46,64 +52,55 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-export default function FlowContainer(props) {
+export const 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 { displayOnlyFA } = useContext(StoreContext);
-
+  const {
+    getPConnect: getPConnectOfFlowContainer,
+    pageMessages,
+    rootViewElement,
+    getPConnectOfActiveContainerItem,
+    assignmentNames,
+    activeContainerItemID: itemKey
+  } = props;
+
+  const { displayOnlyFA } = useContext<any>(StoreContext);
+  const pConnectOfFlowContainer = getPConnectOfFlowContainer();
+  const isInitialized = isContainerInitialized(pConnectOfFlowContainer);
+  const hasItems = isInitialized && hasContainerItems(pConnectOfFlowContainer);
+  const getPConnect = getPConnectOfActiveContainerItem || getPConnectOfFlowContainer;
   const thePConn = getPConnect();
-
+  const containerName = assignmentNames && assignmentNames.length > 0 ? assignmentNames[0] : '';
   // const [init, setInit] = useState(true);
   // const [fcState, setFCState] = useState({ hasError: false });
-  const [arNewChildren, setArNewChildren] = useState<Array<any>>(thePConn.getChildren());
-  const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState<Array<any>>([]);
 
   const [todo_showTodo, setShowTodo] = useState(false);
   const [todo_caseInfoID, setCaseInfoID] = useState('');
   const [todo_showTodoList, setShowTodoList] = useState(false);
   const [todo_datasource, setTodoDatasource] = useState({});
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [todo_context, setTodoContext] = useState('');
 
   const [caseMessages, setCaseMessages] = useState('');
   const [bHasCaseMessages, setHasCaseMessages] = useState(false);
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [checkSvg, setCheckSvg] = useState('');
 
-  const [itemKey, setItemKey] = useState('');
-  const [containerName, setContainerName] = useState('');
   const [buildName, setBuildName] = useState('');
   const [bShowConfirm, setShowConfirm] = useState(false);
+  const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  const localeCategory = 'Messages';
 
   const classes = useStyles();
 
-  function initContainer() {
-    const ourPConn = getPConnect();
-    const containerMgr = ourPConn.getContainerManager();
-    const baseContext = ourPConn.getContextName();
-    const theContainerName = ourPConn.getContainerName();
-    const containerType = 'single';
-
-    const flowContainerTarget = `${baseContext}/${theContainerName}`;
-    const isContainerItemAvailable =
-      PCore.getContainerUtils().getActiveContainerItemName(flowContainerTarget);
-
-    window.sessionStorage.setItem('okToInitFlowContainer', 'false');
-
-    if (!isContainerItemAvailable) {
-      containerMgr.initializeContainers({
-        type: containerType
-      });
-
-      // updated for 8.7 - 30-Mar-2022
-      addContainerItem(ourPConn);
-    }
-  }
-
   function getBuildName(): string {
     const ourPConn = getPConnect();
 
@@ -116,7 +113,7 @@ export default function FlowContainer(props) {
   }
 
   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;
     }
@@ -128,14 +125,9 @@ export default function FlowContainer(props) {
     return true;
   }
 
-  function initComponent(bLoadChildren: boolean) {
+  function initComponent() {
     const ourPConn = getPConnect();
 
-    // when true, update arChildren from pConn, otherwise, arChilren will be updated in updateSelf()
-    if (bLoadChildren) {
-      setArNewChildren(ourPConn.getChildren());
-    }
-
     // debugging/investigation help
     // console.log(`${ourPConn.getComponentName()}: children update for main draw`);
 
@@ -149,46 +141,31 @@ export default function FlowContainer(props) {
     // debugger;
     setShowTodo(getTodoVisibility());
 
-    // create pointers to functions
-    // const containerMgr = ourPConn.getContainerManager();
-    // const actionsAPI = thePConn.getActionsApi();
-    const baseContext = ourPConn.getContextName();
-    const acName = ourPConn.getContainerName();
-
-    // for now, in general this should be overridden by updateSelf(), and not be blank
-    if (itemKey === '') {
-      // debugger;
-      setItemKey(baseContext.concat('/').concat(acName));
-    }
-
     ourPConn.isBoundToState();
 
-    // inside
-    // get fist kid, get the name and displa
-    // pass first kid to a view container, which will disperse it to a view which will use one column, two column, etc.
-    const oWorkItem = arNewChildren[0].getPConnect(); // child0_getPConnect;
-    const oWorkData = oWorkItem.getDataObject();
-
-    if (bLoadChildren && oWorkData) {
-      // debugger;
-      setContainerName(oWorkData.caseInfo.assignments?.[0].name);
-    }
-
     // debugger;
     setBuildName(getBuildName());
   }
 
   useEffect(() => {
     // from WC SDK connectedCallback (mount)
-    initComponent(true);
-    initContainer();
+    initComponent();
   }, []);
 
+  useEffect(() => {
+    // @ts-ignore - 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);
-    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);
@@ -202,7 +179,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) {
@@ -215,26 +192,27 @@ export default function FlowContainer(props) {
     const ourPConn = getPConnect();
 
     let bHasAssignments = false;
-    const assignmentsList: Array<any> = ourPConn.getValue(
-      pCoreConstants.CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS
-    );
-    const thisOperator = PCore.getEnvironmentInfo().getOperatorIdentifier();
+    const assignmentsList: any[] = 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()) {
@@ -244,26 +222,8 @@ export default function FlowContainer(props) {
     return bHasAssignments;
   }
 
-  function getActiveViewLabel() {
-    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 activeAction = caseActions?.find(action => action.ID === activeActionID);
-    if (activeAction) {
-      activeActionLabel = activeAction.name;
-    }
-    return activeActionLabel;
-  }
-
   // From SDK-WC updateSelf - so do this in useEffect that's run only when the props change...
   useEffect(() => {
-    const localPConn = arNewChildren[0].getPConnect();
-
     setBuildName(getBuildName());
 
     // routingInfo was added as component prop in populateAdditionalProps
@@ -271,7 +231,7 @@ export default function FlowContainer(props) {
 
     let loadingInfo: any;
     try {
-      loadingInfo = thePConn.getLoadingStatus();
+      loadingInfo = thePConn.getLoadingStatus(''); // 1st arg empty string until typedefs properly allow optional
     } catch (ex) {
       // eslint-disable-next-line no-console
       console.error(`${thePConn.getComponentName()}: loadingInfo catch block`);
@@ -284,136 +244,61 @@ export default function FlowContainer(props) {
       // 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);
         setShowTodoList(false);
       }, 100);
-
-      // in React, when cancel is called, somehow the constructor for flowContainer is called which
-      // does init/add of containers.  This mimics that
-      initContainer();
     } else if (caseViewMode && caseViewMode === 'perform') {
       // perform
       // debugger;
       setShowTodo(false);
-
-      // this is different than Angular SDK, as we need to initContainer if root container reloaded
-      if (window.sessionStorage.getItem('okToInitFlowContainer') === 'true') {
-        initContainer();
-      }
     }
 
     // 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
+      // @ts-ignore - second parameter “payload” for publish method should be optional
       PCore.getPubSubUtils().publish('assignmentFinished');
 
       // debugger;
-      setCheckSvg(Utils.getImageSrc('check', PCore.getAssetLoader().getStaticServerUrl()));
+      setCheckSvg(Utils.getImageSrc('check', Utils.getSDKStaticConentUrl()));
     } else {
       // debugger;
       setHasCaseMessages(false);
       setShowConfirm(false);
     }
-
-    // this check in routingInfo, mimic React to check and get the internals of the
-    // flowContainer and force updates to pConnect/redux
-    if (routingInfo && loadingInfo !== undefined) {
-      // debugging/investigation help
-      // console.log(`${thePConn.getComponentName()}: >>routingInfo: ${JSON.stringify(routingInfo)}`);
-
-      const currentOrder = routingInfo.accessedOrder;
-      const currentItems = routingInfo.items;
-      const type = routingInfo.type;
-      if (currentOrder && currentItems) {
-        // JA - making more similar to React version
-        const key = currentOrder[currentOrder.length - 1];
-
-        // save off itemKey to be used for finishAssignment, etc.
-        // debugger;
-        setItemKey(key);
-
-        if (
-          currentOrder.length > 0 &&
-          currentItems[key] &&
-          currentItems[key].view &&
-          type === 'single' &&
-          !Utils.isEmptyObject(currentItems[key].view)
-        ) {
-          const currentItem = currentItems[key];
-          const rootView = currentItem.view;
-          const { context } = rootView.config;
-          const config = { meta: rootView };
-
-          config['options'] = {
-            context: currentItem.context,
-            pageReference: context || localPConn.getPageReference(),
-            hasForm: true,
-            isFlowContainer: true,
-            containerName: localPConn.getContainerName(),
-            containerItemName: key,
-            parentPageReference: localPConn.getPageReference()
-          };
-
-          const configObject = PCore.createPConnect(config);
-
-          // Since we're setting an array, need to add in an appropriate key
-          //  to remove React warning.
-          configObject['key'] = config['options'].parentPageReference;
-
-          // keep track of these changes
-          const theNewChildren: Array<Object> = [];
-          theNewChildren.push(configObject);
-          setArNewChildren(theNewChildren);
-
-          // JEA - adapted from Constellation DX Components FlowContainer since we want to render children that are React components
-          const root = createElement(createPConnectComponent(), configObject);
-          setArNewChildrenAsReact([root]);
-
-          const oWorkItem = configObject.getPConnect(); // was theNewChildren[0].getPConnect()
-          const oWorkData = oWorkItem.getDataObject();
-
-          // 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);
-          }
-        }
-      }
-    }
   }, [props]);
 
   const caseId = thePConn.getCaseSummary().content.pyID;
-  const urgency = getPConnect().getCaseSummary().assignments
-    ? getPConnect().getCaseSummary().assignments?.[0].urgency
-    : '';
+  const urgency = getPConnect().getCaseSummary().assignments ? 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 && <AlertBanner id='flowContainerBanner' variant='urgent' messages={messages} />;
+  };
+
   return (
     <div style={{ textAlign: 'left' }} id={buildName} className='psdk-flow-container-top'>
       {!bShowConfirm &&
@@ -424,25 +309,21 @@ export default function FlowContainer(props) {
                 title={<Typography variant='h6'>{containerName}</Typography>}
                 subheader={`Task in ${caseId} \u2022 Priority ${urgency}`}
                 avatar={<Avatar className={classes.avatar}>{operatorInitials}</Avatar>}
-              ></CardHeader>
-              {instructionText !== '' ? (
-                <Typography variant='caption'>{instructionText}</Typography>
-              ) : null}
+              />
+              {displayPageMessages()}
               <MuiPickersUtilsProvider utils={DayjsUtils}>
                 <Assignment getPConnect={getPConnect} itemKey={itemKey}>
-                  {arNewChildrenAsReact}
+                  {rootViewElement}
                 </Assignment>
               </MuiPickersUtilsProvider>
             </Card>
           ) : (
             <Card className={classes.root}>
               <Typography variant='h6'>{containerName}</Typography>
-              {instructionText !== '' ? (
-                <Typography variant='caption'>{instructionText}</Typography>
-              ) : null}
+              {displayPageMessages()}
               <MuiPickersUtilsProvider utils={DayjsUtils}>
                 <Assignment getPConnect={getPConnect} itemKey={itemKey}>
-                  {arNewChildrenAsReact}
+                  {rootViewElement}
                 </Assignment>
               </MuiPickersUtilsProvider>
             </Card>
@@ -450,6 +331,7 @@ export default function FlowContainer(props) {
         ) : (
           <div>
             <ToDo
+              key={Math.random()}
               getPConnect={getPConnect}
               caseInfoID={todo_caseInfoID}
               datasource={todo_datasource}
@@ -458,7 +340,8 @@ export default function FlowContainer(props) {
               type={TODO}
               context={todo_context}
               itemKey={itemKey}
-            ></ToDo>
+              isConfirm
+            />
           </div>
         ))}
       {bHasCaseMessages && (
@@ -466,26 +349,9 @@ export default function FlowContainer(props) {
           <Alert severity='success'>{caseMessages}</Alert>
         </div>
       )}
-      {bShowConfirm && bShowBanner && <div>{arNewChildrenAsReact}</div>}
+      {bShowConfirm && bShowBanner && <div>{rootViewElement}</div>}
     </div>
   );
-}
-
-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)
-};
+export default withSimpleViewContainerRenderer(FlowContainer);

package/lib/infra/Containers/FlowContainer/helpers.ts

@@ -0,0 +1,138 @@
+//  Moved PCore.getConstants() into each function in which it's used until we can
+//  make sure that this code isn't run until PCore is defined (after onPCoreReady)
+// const { CASE_INFO } = PCore.getConstants();
+
+export const addContainerItem = pConnect => {
+  const containerManager = pConnect.getContainerManager();
+  const contextName = pConnect.getContextName(); // here we will get parent context name, as flow container is child of view container
+  const caseViewMode = pConnect.getValue('context_data.caseViewMode');
+
+  let key;
+  let flowName;
+
+  if (caseViewMode !== 'review') {
+    const target = contextName.substring(0, contextName.lastIndexOf('_'));
+    const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(target);
+    const containerItemData = PCore.getContainerUtils().getContainerItemData(target, activeContainerItemID);
+
+    if (containerItemData) {
+      ({ key, flowName } = containerItemData);
+    }
+  }
+
+  containerManager.addContainerItem({
+    semanticURL: '',
+    key,
+    flowName,
+    caseViewMode: 'perform',
+    resourceType: 'ASSIGNMENT',
+    data: pConnect.getDataObject(contextName)
+  });
+};
+
+export const hasContainerItems = pConnect => {
+  const contextName = pConnect.getContextName();
+  const containerName = pConnect.getContainerName();
+  return PCore.getContainerUtils().hasContainerItems(`${contextName}/${containerName}`);
+};
+
+export const getActiveCaseActionName = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const caseActions = pConnect.getValue(CASE_INFO.CASE_INFO_ACTIONS);
+  const activeActionID = pConnect.getValue(CASE_INFO.ACTIVE_ACTION_ID);
+  const activeAction = caseActions.find(action => action.ID === activeActionID);
+  return activeAction?.name || '';
+};
+
+export const getFirstCaseActionName = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const caseActions = pConnect.getValue(CASE_INFO.CASE_INFO_ACTIONS);
+  return caseActions[0]?.name || '';
+};
+
+export const hasNotificationMessages = pConnect => {
+  return !!pConnect.getValue('caseMessages');
+};
+
+export const isCaseWideLocalAction = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const actionID = pConnect.getValue(CASE_INFO.ACTIVE_ACTION_ID);
+  const caseActions = pConnect.getValue(CASE_INFO.CASE_INFO_ACTIONS);
+  if (caseActions && actionID) {
+    const activeAction = caseActions.find(caseAction => caseAction.ID === actionID);
+    return activeAction?.type === 'Case';
+  }
+  return false;
+};
+
+export const getChildCaseAssignments = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const childCases = pConnect.getValue(CASE_INFO.CHILD_ASSIGNMENTS);
+  let allAssignments = [];
+  if (childCases && childCases.length > 0) {
+    childCases.forEach(({ assignments, Name }) => {
+      if (assignments) {
+        const childCaseAssignments = assignments.map(assignment => ({
+          ...assignment,
+          caseName: Name
+        }));
+        allAssignments = allAssignments.concat(childCaseAssignments);
+      }
+    });
+  }
+  return allAssignments;
+};
+
+export const hasAssignments = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const assignments = pConnect.getValue(CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS);
+  const childCasesAssignments = getChildCaseAssignments(pConnect);
+
+  // eslint-disable-next-line sonarjs/prefer-single-boolean-return
+  if (assignments || childCasesAssignments || isCaseWideLocalAction(pConnect)) {
+    return true;
+  }
+  return false;
+};
+
+export const showBanner = getPConnect => {
+  const pConnect = getPConnect();
+  return hasNotificationMessages(pConnect) || !hasAssignments(pConnect);
+};
+
+export const showTodo = pConnect => {
+  const caseViewMode = pConnect.getValue('context_data.caseViewMode');
+  return caseViewMode !== 'perform';
+};
+
+export const isRenderWithToDoWrapper = (getPConnect, options) => {
+  const pConnect = getPConnect();
+  const { showWithToDo } = options;
+  return showWithToDo && (!isCaseWideLocalAction(pConnect) || showTodo(pConnect));
+};
+
+export const getToDoAssignments = pConnect => {
+  const { CASE_INFO } = PCore.getConstants();
+  const caseActions = pConnect.getValue(CASE_INFO.CASE_INFO_ACTIONS);
+  const assignmentLabel = pConnect.getValue(CASE_INFO.ASSIGNMENT_LABEL);
+  const assignments = pConnect.getValue(CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS) || [];
+  const childCasesAssignments = getChildCaseAssignments(pConnect) || [];
+  let childCasesAssignmentsCopy = JSON.parse(JSON.stringify(childCasesAssignments));
+
+  childCasesAssignmentsCopy = childCasesAssignmentsCopy.map(assignment => {
+    assignment.isChild = true;
+    return assignment;
+  });
+
+  const todoAssignments = [...assignments, ...childCasesAssignmentsCopy];
+  let todoAssignmentsCopy = JSON.parse(JSON.stringify(todoAssignments));
+
+  if (caseActions && !showTodo(pConnect)) {
+    todoAssignmentsCopy = todoAssignmentsCopy.map(assignment => {
+      assignment.name = getActiveCaseActionName(pConnect) || assignmentLabel;
+      return assignment;
+    });
+  }
+
+  return todoAssignmentsCopy;
+};

package/lib/infra/Containers/FlowContainer/index.tsx

@@ -1 +1 @@
-export { default } from './FlowContainer';
+export { default } from './FlowContainer';