@pega/react-sdk-overrides 8.8.21 → 8.23.11-debug

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

@@ -1,6 +1,7 @@
 /* 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 '@pega/react-sdk-components/lib/components/helpers/utils';
@@ -13,25 +14,14 @@ import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 
 import { addContainerItem, getToDoAssignments, showBanner } from './helpers';
 import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
+// Need to get correct implementation from component map for Assignment and ToDo
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 
-// import type { PConnProps } from '../../../../types/PConnProps';
-
-// Can't use PConnProps until getPConnect().getChildren() types are ok
-// interface FlowContainerProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   // eslint-disable-next-line react/no-unused-prop-types
-//   children?: Array<any>,
-//   // eslint-disable-next-line react/no-unused-prop-types
-//   name?: string,
-//   routingInfo?: any,
-//   // eslint-disable-next-line react/no-unused-prop-types
-//   pageMessages: Array<any>
-// }
 
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 3 errors)
 declare const PCore: any;
 
+
 //
 // 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
@@ -59,18 +49,16 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-export default function FlowContainer(props /* : FlowContainerProps */) {
+export default function FlowContainer(props) {
   // 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 Assignment = getComponentFromMap("Assignment");
+  const ToDo = getComponentFromMap("Todo");   // NOTE: ConstellationJS Engine uses "Todo" and not "ToDo"!!!
 
   const pCoreConstants = PCore.getConstants();
-  const PCoreVersion = PCore.getPCoreVersion();
   const { TODO } = pCoreConstants;
   const todo_headerText = 'To do';
 
-  const { getPConnect, routingInfo, pageMessages } = props;
+  const { getPConnect, routingInfo } = props;
 
   const { displayOnlyFA } = useContext<any>(StoreContext);
 
@@ -104,6 +92,7 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
 
   const classes = useStyles();
 
+
   function initContainer() {
     const ourPConn = getPConnect();
     const containerMgr = ourPConn.getContainerManager();
@@ -139,7 +128,7 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
   }
 
   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;
     }
@@ -210,8 +199,8 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
   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
+    const actionID = ourPConn.getValue(pCoreConstants.CASE_INFO.ACTIVE_ACTION_ID);
+    const caseActions = ourPConn.getValue(pCoreConstants.CASE_INFO.AVAILABLEACTIONS);
     let bCaseWideAction = false;
     if (caseActions && actionID) {
       const actionObj = caseActions.find(caseAction => caseAction.ID === actionID);
@@ -225,7 +214,7 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
   function hasChildCaseAssignments() {
     const ourPConn = getPConnect();
 
-    const childCases = ourPConn.getValue(pCoreConstants.CASE_INFO.CHILD_ASSIGNMENTS, ''); // 2nd arg empty string until typedefs properly allow optional
+    const childCases = ourPConn.getValue(pCoreConstants.CASE_INFO.CHILD_ASSIGNMENTS);
     // const allAssignments = [];
     // eslint-disable-next-line sonarjs/prefer-single-boolean-return
     if (childCases && childCases.length > 0) {
@@ -239,28 +228,25 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
 
     let bHasAssignments = false;
     const assignmentsList: Array<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;
+      pCoreConstants.CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS
+    );
+    const thisOperator = PCore.getEnvironmentInfo().getOperatorIdentifier();
     // 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;
-    }
+    let bAssignmentsForThisOperator = false;
+
     // 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()) {
@@ -277,8 +263,8 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
 
     const { CASE_INFO: CASE_CONSTS } = pCoreConstants;
 
-    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 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;
@@ -297,7 +283,7 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
 
     let loadingInfo: any;
     try {
-      loadingInfo = thePConn.getLoadingStatus(''); // 1st arg empty string until typedefs properly allow optional
+      loadingInfo = thePConn.getLoadingStatus();
     } catch (ex) {
       // eslint-disable-next-line no-console
       console.error(`${thePConn.getComponentName()}: loadingInfo catch block`);
@@ -310,14 +296,14 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
       // 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
+          setCaseInfoID(thePConn.getValue(CASE_CONSTS.CASE_INFO_ID));
           setTodoDatasource({ source: todoAssignments });
         }
         setShowTodo(true);
@@ -339,7 +325,7 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
     }
 
     // if have caseMessage show message and end
-    const theCaseMessages = localizedVal(thePConn.getValue('caseMessages', ''), localeCategory); // 2nd arg empty string until typedefs properly allow optional
+    const theCaseMessages = localizedVal(thePConn.getValue('caseMessages'), localeCategory);
 
     if (theCaseMessages || !hasAssignments()) {
       // Temp fix for 8.7 change: confirmationNote no longer coming through in caseMessages$.
@@ -433,20 +419,13 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
     ? 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 &&
@@ -458,7 +437,9 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
                 subheader={`Task in ${caseId} \u2022 Priority ${urgency}`}
                 avatar={<Avatar className={classes.avatar}>{operatorInitials}</Avatar>}
               ></CardHeader>
-              {displayPageMessages()}
+              {instructionText !== '' ? (
+                <Typography variant='caption'>{instructionText}</Typography>
+              ) : null}
               <MuiPickersUtilsProvider utils={DayjsUtils}>
                 <Assignment getPConnect={getPConnect} itemKey={itemKey}>
                   {arNewChildrenAsReact}
@@ -468,7 +449,9 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
           ) : (
             <Card className={classes.root}>
               <Typography variant='h6'>{containerName}</Typography>
-              {displayPageMessages()}
+              {instructionText !== '' ? (
+                <Typography variant='caption'>{instructionText}</Typography>
+              ) : null}
               <MuiPickersUtilsProvider utils={DayjsUtils}>
                 <Assignment getPConnect={getPConnect} itemKey={itemKey}>
                   {arNewChildrenAsReact}
@@ -488,7 +471,6 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
               type={TODO}
               context={todo_context}
               itemKey={itemKey}
-              isConfirm={bHasCaseMessages}
             ></ToDo>
           </div>
         ))}
@@ -501,3 +483,22 @@ export default function FlowContainer(props /* : FlowContainerProps */) {
     </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)
+};

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

@@ -1,3 +1,6 @@
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 //  Moved PCore.getConstants() into each function in which it's used until we can

package/lib/infra/Containers/ModalViewContainer/ModalViewContainer.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useState, createElement } from 'react';
+import PropTypes from 'prop-types';
 import isEqual from 'fast-deep-equal';
 import Dialog from '@material-ui/core/Dialog';
 import DialogContent from '@material-ui/core/DialogContent';
@@ -10,16 +11,6 @@ import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpe
 import { getBanners } from '@pega/react-sdk-components/lib/components/helpers/case-utils';
 import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface ModalViewContainerProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  loadingInfo?: string,
-  routingInfo?: any,
-  pageMessages?: Array<string>
-}
-
-
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 8 errors)
 declare const PCore: any;
 
@@ -79,7 +70,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-export default function ModalViewContainer(props: ModalViewContainerProps) {
+const ModalViewContainer = props => {
   // Get the proper implementation (local or Pega-provided) for these components that are emitted below
   const Assignment = getComponentFromMap("Assignment");
   const CancelAlert = getComponentFromMap("CancelAlert");
@@ -87,7 +78,7 @@ export default function ModalViewContainer(props: ModalViewContainerProps) {
   const classes = useStyles();
 
   const routingInfoRef = useRef({});
-  const { getPConnect, routingInfo = null, loadingInfo = '', pageMessages = [] } = props;
+  const { getPConnect, routingInfo, loadingInfo, pageMessages } = props;
   const pConn = getPConnect();
   const {
     CONTAINER_TYPE: { MULTIPLE },
@@ -208,8 +199,8 @@ export default function ModalViewContainer(props: ModalViewContainerProps) {
           const newComp = configObject.getPConnect();
           // const newCompName = newComp.getComponentName();
           const caseInfo =
-            newComp && newComp.getDataObject() && newComp.getDataObject(newComp.getContextName()).caseInfo
-              ? newComp.getDataObject(newComp.getContextName()).caseInfo
+            newComp && newComp.getDataObject() && newComp.getDataObject().caseInfo
+              ? newComp.getDataObject().caseInfo
               : null;
 
           // console.log(`ModalViewContainer just created newComp: ${newCompName}`);
@@ -332,3 +323,17 @@ export default function ModalViewContainer(props: ModalViewContainerProps) {
     </>
   );
 };
+
+export default ModalViewContainer;
+
+ModalViewContainer.defaultProps = {
+  getPConnect: null,
+  loadingInfo: false,
+  routingInfo: null
+};
+
+ModalViewContainer.propTypes = {
+  getPConnect: PropTypes.func,
+  loadingInfo: PropTypes.bool,
+  routingInfo: PropTypes.objectOf(PropTypes.any)
+};

package/lib/infra/Containers/ViewContainer/ViewContainer.tsx

@@ -1,19 +1,12 @@
 import React, { useEffect, useState, useContext, createElement } from "react";
+import PropTypes from "prop-types";
 import { Box, CircularProgress } from "@material-ui/core";
 import createPConnectComponent from "@pega/react-sdk-components/lib/bridge/react_pconnect";
 import StoreContext from "@pega/react-sdk-components/lib/bridge/Context/StoreContext";
 import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface ViewContainerProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  name?: string,
-  loadingInfo?: any,    // can't be boolean until setDispatchObjState expects loadingInfo to be type null
-  routingInfo?: any,
-  mode?: string,
-  limit?: number
-}
+declare const PCore: typeof PCoreType;
 
 
 // ViewContainer can emit View
@@ -26,9 +19,9 @@ interface ViewContainerProps extends PConnProps {
 //
 
 
-export default function ViewContainer(props: ViewContainerProps) {
+export default function ViewContainer(props) {
   // const { getPConnect, children, routingInfo, name } = props;
-  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null} = props;
+  const { getPConnect, name, mode, limit, loadingInfo, routingInfo } = props;
 
   const { displayOnlyFA } = useContext<any>(StoreContext);
 
@@ -52,7 +45,7 @@ export default function ViewContainer(props: ViewContainerProps) {
   // beginning of functions for use by ViewContainer
 
   function buildName() {
-    const context = thePConn?.getContextName();
+    const context = thePConn.getContextName();
     let viewContainerName = name;
     if (!viewContainerName) viewContainerName = "";
     return `${context.toUpperCase()}/${viewContainerName.toUpperCase()}`;
@@ -128,7 +121,7 @@ export default function ViewContainer(props: ViewContainerProps) {
     }
 
     // Getting default view label
-    const navPages = pConn.getValue("pyPortal.pyPrimaryNavPages", '');  // 2nd arg empty string until typedefs allow optional
+    const navPages = pConn.getValue("pyPortal.pyPrimaryNavPages");
     const defaultViewLabel =
       Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : "";
     // TODO: Plan is to rename window.constellationCore to window.pega (or similar)
@@ -205,3 +198,21 @@ export default function ViewContainer(props: ViewContainerProps) {
   );
 
 }
+
+ViewContainer.defaultProps = {
+  getPConnect: null,
+  name: "",
+  loadingInfo: false,
+  routingInfo: null,
+  mode: "single",
+  limit: 16
+};
+
+ViewContainer.propTypes = {
+  getPConnect: PropTypes.func,
+  name: PropTypes.string,
+  loadingInfo: PropTypes.bool,
+  routingInfo: PropTypes.objectOf(PropTypes.any),
+  mode: PropTypes.string,
+  limit: PropTypes.number
+};

package/lib/infra/DashboardFilter/DashboardFilter.tsx

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable operator-assignment */
 import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
+import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
 import { createFilter, combineFilters, getFormattedDate } from './filterUtils';
@@ -12,20 +13,13 @@ import DatePicker from 'react-datepicker';
 
 import 'react-datepicker/dist/react-datepicker.css';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
-interface DashboardFilterProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children?: Array<any>,
-  name: string,
-  filterProp: string,
-  type?: string,
-  metadata?: any
-}
+declare const PCore: typeof PCoreType;
 
 
-export default function DashboardFilter(props: DashboardFilterProps) {
-  const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
+export default function DashboardFilter(props) {
+  const { children, name, filterProp, type, metadata, getPConnect } = props;
   const { current: filterId } = useRef(uuidv4());
 
   const [startDate, setStartDate] = useState(null);
@@ -108,8 +102,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
     metadata.config.onRecordChange = e => {
       fireFilterChange(e.id);
     };
-    return getPConnect().createComponent(metadata,
-      null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+    return getPConnect().createComponent(metadata);
   };
 
   const onChange = dates => {
@@ -174,3 +167,18 @@ export default function DashboardFilter(props: DashboardFilterProps) {
     </Fragment>
   );
 }
+
+DashboardFilter.defaultProps = {
+  children: null,
+  type: null,
+  metadata: null
+};
+
+DashboardFilter.propTypes = {
+  getPConnect: PropTypes.func.isRequired,
+  children: PropTypes.object,
+  name: PropTypes.string.isRequired,
+  filterProp: PropTypes.string.isRequired,
+  type: PropTypes.string,
+  metadata: PropTypes.objectOf(PropTypes.any)
+};

package/lib/infra/DashboardFilter/filterUtils.tsx

@@ -91,7 +91,7 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
       metadata={filterMeta}
       type={filterMeta.type}
     >
-      {getPConnect().createComponent(filterMeta, '','', {})}
+      {getPConnect().createComponent(filterMeta)}
     </DashboardFilter>
   );
 };

package/lib/infra/DeferLoad/DeferLoad.tsx

@@ -1,18 +1,13 @@
 import React, { useState, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
 import { Box, Card, CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
 import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
 
-// import type { PConnProps } from '../../../types/PConnProps';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
-// Can't use PConnProps until typedefs for showData are fixed
-// interface DeferLoadProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   name: string,
-//   isChildDeferLoad?: boolean,
-//   isTab: boolean
-// }
+declare const PCore: typeof PCoreType;
 
 
 //
@@ -34,7 +29,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-export default function DeferLoad(props /* : DeferLoadProps */) {
+export default function DeferLoad(props) {
   const { getPConnect, name, deferLoadId, isTab } = props;
   const [content, setContent] = useState<any>(null);
   const [isLoading, setLoading] = useState(true);
@@ -45,7 +40,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
   const pConnect = getPConnect();
   const constants = PCore.getConstants();
 
-  const theRequestedAssignment = pConnect.getValue( PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, '');  // 2nd arg empty string until typedef allows optional
+  const theRequestedAssignment = pConnect.getValue( PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
   if (theRequestedAssignment !== currentLoadedAssignment)  {
     // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);
     setCurrentLoadedAssignment(theRequestedAssignment);
@@ -53,7 +48,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
 
   const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;
   const loadViewCaseID =
-    pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef allows optional
+    pConnect.getValue(constants.PZINSKEY) || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID);
   let containerName;
   let containerItemData;
   const targetName = pConnect.getTarget();
@@ -70,7 +65,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
 
   const getViewOptions = () => ({
     viewContext: resourceType,
-    pageClass: loadViewCaseID ? '' : pConnect.getDataObject(pConnect.getContextName()).pyPortal.classID,
+    pageClass: loadViewCaseID ? '' : pConnect.getDataObject().pyPortal.classID,
     container: isContainerPreview ? 'preview' : null,
     containerName: isContainerPreview ? 'preview' : null,
     updateData: isContainerPreview
@@ -118,7 +113,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
 
         getPConnect()
           .getActionsApi()
-          .showData(name, dataContext, dataContextParameters, {   // Need to wait for typedefs to be fixed for showData
+          .showData(name, dataContext, dataContextParameters, {
             skipSemanticUrl: true,
             isDeferLoaded: true
           })
@@ -140,7 +135,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
     } else {
       getPConnect()
         .getActionsApi()
-        .refreshCaseView(encodeURI(loadViewCaseID), name, '')  // 3rd arg empty string until typedef allows optional
+        .refreshCaseView(encodeURI(loadViewCaseID), name)
         .then(data => {
           onResponse(data.root);
         });
@@ -170,3 +165,14 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
 
   return deferLoadContent;
 }
+
+DeferLoad.defaultProps = {
+  isChildDeferLoad: false
+};
+
+DeferLoad.propTypes = {
+  getPConnect: PropTypes.func.isRequired,
+  name: PropTypes.string.isRequired,
+  isChildDeferLoad: PropTypes.bool,
+  isTab: PropTypes.bool
+};

package/lib/infra/ErrorBoundary/ErrorBoundary.tsx

@@ -1,25 +1,18 @@
 import React from "react";
-
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface ErrorBoundaryProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  isInternalError?: boolean
-}
-
+import PropTypes from "prop-types";
 
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 1 error)
 declare const PCore: any;
 
 
-export default function ErrorBoundary(props: ErrorBoundaryProps) {
+function ErrorBoundary(props) {
   const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'Messages';
   const ERROR_TEXT = localizedVal(errorMsg, localeCategory);
   const WORK_AREA = "workarea";
   const ERROR_WHILE_RENDERING = "ERROR_WHILE_RENDERING";
-  const { getPConnect, isInternalError = false } = props;
+  const { getPConnect, isInternalError } = props;
 
   const theErrorDiv = <div>{ERROR_TEXT}</div>
 
@@ -58,3 +51,14 @@ export default function ErrorBoundary(props: ErrorBoundaryProps) {
     theErrorDiv
   );
 }
+ErrorBoundary.propTypes = {
+  getPConnect: PropTypes.func,
+  isInternalError: PropTypes.bool
+};
+
+ErrorBoundary.defaultProps = {
+  getPConnect: null,
+  isInternalError: false
+};
+
+export default ErrorBoundary;

package/lib/infra/MultiStep/MultiStep.tsx

@@ -1,30 +1,14 @@
 import React from "react";
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import './MultiStep.css';
-
-// import { useConstellationContext } from "../../bridge/Context/StoreContext";
-
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import PropTypes from "prop-types";
 
+import './MultiStep.css';
 
-interface MultiStepProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  itemKey: string,
-  actionButtons: Array<any>,
-  onButtonPress: any,
-  bIsVertical: boolean,
-  arNavigationSteps: Array<any>,
-  // eslint-disable-next-line react/no-unused-prop-types
-  arCurrentStepIndicies?: Array<any>
-}
-
+import AssignmentCard from '@pega/react-sdk-components/lib/components/infra/AssignmentCard';
 
-export default function MultiStep(props: MultiStepProps) {
-    // Get emitted components from map (so we can get any override that may exist)
-    const AssignmentCard = getComponentFromMap("AssignmentCard");
+// import { useConstellationContext } from "../../bridge/Context/StoreContext";
 
-    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress} = props;
+export default function MultiStep(props) {
+    const { getPConnect, children, itemKey, actionButtons, onButtonPress} = props;
     const { bIsVertical, arNavigationSteps } = props;
 
     // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
@@ -223,3 +207,19 @@ export default function MultiStep(props: MultiStepProps) {
 
     )
   }
+
+  MultiStep.propTypes = {
+    children: PropTypes.node.isRequired,
+    getPConnect: PropTypes.func.isRequired,
+    itemKey: PropTypes.string,
+    actionButtons: PropTypes.object,
+    onButtonPress: PropTypes.func,
+    bIsVertical: PropTypes.bool,
+    // eslint-disable-next-line react/no-unused-prop-types
+    arCurrentStepIndicies: PropTypes.array,
+    arNavigationSteps: PropTypes.array
+  };
+
+  MultiStep.defaultProps = {
+    itemKey: null
+  };