@pega/react-sdk-components 24.2.10 → 25.1.10

package/lib/components/template/AppShell/AppShell.js

@@ -7,9 +7,7 @@ import { NavContext } from '../../helpers/reactContextHelpers';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './AppShell.css';
 const useStyles = makeStyles(theme => ({
-    root: {
-        display: 'flex'
-    },
+    root: {},
     content: {
         flexGrow: 1,
         height: '100vh',
@@ -36,7 +34,7 @@ export default function AppShell(props) {
     const pConn = getPConnect();
     const envInfo = PCore.getEnvironmentInfo();
     const imageKey = envInfo.getOperatorImageInsKey();
-    const userName = envInfo.getOperatorName();
+    const userName = envInfo.getOperatorName() || '';
     const currentUserInitials = Utils.getInitials(userName);
     const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';
     const portalClass = pConn.getValue('.classID', ''); // 2nd arg empty string until typedef marked correctly
@@ -57,16 +55,20 @@ export default function AppShell(props) {
     banners = hasBanner && (_jsx("div", { style: { display: 'flex', flexDirection: 'column', padding: '1em 0' }, children: _jsx(AlertBanner, { id: 'AppShell', variant: 'urgent', messages: messages }) }));
     // Initial setting of appName and mapChildren
     useEffect(() => {
-        setAppName(PCore.getEnvironmentInfo().getApplicationName());
+        setAppName(PCore.getEnvironmentInfo().getApplicationName() || '');
         const tempMap = pConn.getChildren()?.map((child, index) => {
             const theChildComp = child.getPConnect().getComponentName();
             const theKey = `.${index}`;
             return (_jsxs("div", { id: theChildComp, style: { border: 'solid 1px silver', margin: '1px' }, children: [theChildComp, " will be here"] }, theKey));
         });
         setMapChildren(tempMap);
+        /* TODO: We're setting the `pyPortalTemplate` for now, this would be handled by the CoreJS in the future releases */
+        if (portalTemplate === 'wss') {
+            PCore.getEnvironmentInfo().setEnvironmentInfo({ ...PCore.getEnvironmentInfo().environmentInfoObject, pyPortalTemplate: 'wss' });
+        }
     }, []);
     useEffect(() => {
-        // @ts-ignore
+        // @ts-expect-error
         const caseTypesAvailableToCreateDP = PCore.getEnvironmentInfo().environmentInfoObject?.pxApplication?.pyCaseTypesAvailableToCreateDP;
         if (caseTypesAvailableToCreateDP) {
             const portalID = pConn.getValue('.pyOwner');
@@ -74,7 +76,7 @@ export default function AppShell(props) {
                 .getPageDataAsync(caseTypesAvailableToCreateDP, pConn.getContextName(), {
                 PortalName: portalID
             })
-                .then(response => {
+                .then((response) => {
                 if (response?.pyCaseTypesAvailableToCreate) {
                     pConn.replaceState('.pyCaseTypesAvailableToCreate', response.pyCaseTypesAvailableToCreate, {
                         skipDirtyValidation: true
@@ -98,14 +100,12 @@ export default function AppShell(props) {
         // not using default icon to fetch it using the way which uses authentication
         else {
             PCore.getAssetLoader()
-                .getSvcImage(portalLogo)
-                .then(blob => window.URL.createObjectURL(blob))
+                .getSvcImageUrl(portalLogo)
                 .then(data => {
                 setIconURL(data);
                 setFullIconURL(data);
             })
                 .catch(() => {
-                // eslint-disable-next-line no-console
                 console.error(`${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`);
             });
         }
@@ -113,8 +113,7 @@ export default function AppShell(props) {
     useEffect(() => {
         if (imageKey && portalTemplate === 'wss') {
             PCore.getAssetLoader()
-                .getSvcImage(imageKey)
-                .then(blob => window.URL.createObjectURL(blob))
+                .getSvcImageUrl(imageKey)
                 .then(imagePath => setImageBlobUrl(imagePath));
         }
     }, []);
@@ -151,16 +150,14 @@ export default function AppShell(props) {
         // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);
     }
     if (portalTemplate === 'wss') {
-        return (_jsxs("div", { id: 'AppShell', children: [_jsx(WssNavBar, { portalName: portalName, imageSrc: iconURL, fullImageSrc: fullIconURL, appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), appInfo: {
+        return (_jsxs("div", { id: 'AppShell', className: classes.root, children: [_jsx(WssNavBar, { portalName: portalName, imageSrc: iconURL, fullImageSrc: fullIconURL, appName: localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), appInfo: {
                         imageSrc: iconURL,
-                        appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),
+                        appName: localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),
                         onClick: links[0] && /* links[0].onClick ? */ links[0].onClick /* : undefined */
                     }, navLinks: links.filter((link, index) => {
                         return index !== 0;
                     }), operator: getOperator(), navDisplayOptions: navDisplayOptions }), _jsxs("div", { className: classes.wsscontent, children: [banners, children] })] }));
     }
-    return (
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    _jsx(NavContext.Provider, { value: { open, setOpen }, children: _jsxs("div", { id: 'AppShell', className: classes.root, children: [_jsx(NavBar, { getPConnect: getPConnect, pConn: getPConnect(), appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), pages: pages, caseTypes: caseTypes }), _jsxs("div", { className: classes.content, children: [banners, children] })] }) }));
+    return (_jsx(NavContext.Provider, { value: { open, setOpen }, children: _jsxs("div", { id: 'AppShell', className: classes.root, style: { display: 'flex' }, children: [_jsx(NavBar, { getPConnect: getPConnect, pConn: getPConnect(), appName: localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), pages: pages, caseTypes: caseTypes }), _jsxs("div", { className: classes.content, children: [banners, children] })] }) }));
 }
 //# sourceMappingURL=AppShell.js.map

package/lib/components/template/AppShell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAGhF,OAAO,gBAAgB,CAAC;AAqBxB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAuC;IACtE,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAEvD,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,WAAW,EACX,QAAQ,GAAG,EAAE,EACb,WAAW,EACX,YAAY,GAAG,EAAE,EACjB,YAAY,GAAG,EAAE,EACjB,cAAc,EACd,UAAU,EACV,UAAU,EACV,iBAAiB,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,6DAA6D;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACjF,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,sBAAsB,EAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAC3C,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,sDAAsD;IAC1G,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAE3D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAC,sDAAsD;IACxH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,gGAAgG;IAChG,6DAA6D;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,6DAA6D;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,CAAC,GAAG,YAAY,EAAE,GAAG,YAAY,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,IAAI,OAAO,GAAQ,IAAI,CAAC;IACxB,OAAO,GAAG,SAAS,IAAI,CACrB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,YACxE,KAAC,WAAW,IAAC,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,GAC9D,CACP,CAAC;IACF,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAE5D,MAAM,OAAO,GAAS,KAAK,CAAC,WAAW,EAAU,EAAE,GAAG,CAAC,CAAC,KAAU,EAAE,KAAK,EAAE,EAAE;YAC3E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC;YAC5D,MAAM,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YAC3B,OAAO,CACL,eAAK,EAAE,EAAE,YAAY,EAAe,KAAK,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,aACrF,YAAY,sBADa,MAAM,CAE5B,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,aAAa;QACb,MAAM,4BAA4B,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,qBAAqB,EAAE,aAAa,EAAE,8BAA8B,CAAC;QACrI,IAAI,4BAA4B,EAAE;YAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YAC5C,KAAK,CAAC,gBAAgB,EAAE;iBACrB,gBAAgB,CAAC,4BAA4B,EAAE,KAAK,CAAC,cAAc,EAAE,EAAE;gBACtE,UAAU,EAAE,QAAQ;aACrB,CAAC;iBACD,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACf,IAAI,QAAQ,EAAE,4BAA4B,EAAE;oBAC1C,KAAK,CAAC,YAAY,CAAC,+BAA+B,EAAE,QAAQ,CAAC,4BAA4B,EAAE;wBACzF,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,kFAAkF;QAClF,IACE,CAAC,UAAU;YACX,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YACrD,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC5C,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,EACjD;YACA,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;YACxG,UAAU,CAAC,eAAe,CAAC,CAAC;YAC5B,cAAc,CAAC,GAAG,KAAK,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,CAAC;SAC3E;QACD,6EAA6E;aACxE;YACH,KAAK,CAAC,cAAc,EAAE;iBACnB,WAAW,CAAC,UAAU,CAAC;iBACvB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;iBAC9C,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,oEAAoE,EAAE,UAAU,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;YACnI,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,cAAc,KAAK,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE;iBACnB,WAAW,CAAC,QAAQ,CAAC;iBACrB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;iBAC9C,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO;YACL,MAAM,EAAE,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;YAC1F,IAAI,EAAE,QAAQ;YACd,mBAAmB;SACpB,CAAC;IACJ,CAAC,CAAC;IAEF,SAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS;QACnC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED,SAAS,OAAO,CAAC,GAAG;QAClB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,KAAK;QAClB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACf,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC;YAC7D,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI;gBACJ,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAC/C,MAAM,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS;gBACrC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aAC3I,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE;QACvB,2CAA2C;QAC3C,0GAA0G;QAC1G,+BAA+B;QAC/B,+DAA+D;QAC/D,yEAAyE;KAC1E;IAED,IAAI,cAAc,KAAK,KAAK,EAAE;QAC5B,OAAO,CACL,eAAK,EAAE,EAAC,UAAU,aAChB,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,YAAY,CAAC,gBAAgB,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC,EACnG,OAAO,EAAE;wBACP,QAAQ,EAAE,OAAO;wBACjB,OAAO,EAAE,YAAY,CAAC,gBAAgB,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC;wBACnG,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB;qBACjF,EACD,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACrC,OAAO,KAAK,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,EACF,QAAQ,EAAE,WAAW,EAAE,EACvB,iBAAiB,EAAE,iBAAiB,GACpC,EACF,eAAK,SAAS,EAAE,OAAO,CAAC,UAAU,aAC/B,OAAO,EACP,QAAQ,IACL,IACF,CACP,CAAC;KACH;IAED,OAAO;IACL,mEAAmE;IACnE,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAC3C,eAAK,EAAE,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aACxC,KAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAAE,EACpB,OAAO,EAAE,YAAY,CAAC,gBAAgB,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC,EACnG,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,EAEF,eAAK,SAAS,EAAE,OAAO,CAAC,OAAO,aAC5B,OAAO,EACP,QAAQ,IACL,IACF,GACc,CACvB,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Avatar from '@mui/material/Avatar';\n\nimport { Utils } from '../../helpers/utils';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './AppShell.css';\n\ninterface AppShellProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showAppName: boolean;\n  pages: {\n    pxPageViewIcon: string;\n    pyClassName: string;\n    pyLabel: string;\n    pyRuleName: string;\n    pyURLContent: string;\n  }[];\n  caseTypes?: object[];\n  portalTemplate: string;\n  portalName: string;\n  portalLogo: string;\n  navDisplayOptions: { alignment: string; position: string };\n  httpMessages: string[];\n  pageMessages: string[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex'\n  },\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  wsscontent: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport default function AppShell(props: PropsWithChildren<AppShellProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NavBar = getComponentFromMap('NavBar');\n  const WssNavBar = getComponentFromMap('WssNavBar');\n  const AlertBanner = getComponentFromMap('AlertBanner');\n\n  const {\n    pages = [],\n    caseTypes = [],\n    showAppName,\n    children = [],\n    getPConnect,\n    httpMessages = [],\n    pageMessages = [],\n    portalTemplate,\n    portalName,\n    portalLogo,\n    navDisplayOptions\n  } = props;\n\n  const [open, setOpen] = useState(true);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [activeTab, setActiveTab] = useState(!pages ? null : pages[0]?.pyRuleName);\n  const pConn = getPConnect();\n  const envInfo = PCore.getEnvironmentInfo();\n  const imageKey = envInfo.getOperatorImageInsKey();\n  const userName = envInfo.getOperatorName();\n  const currentUserInitials = Utils.getInitials(userName);\n  const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';\n  const portalClass = pConn.getValue('.classID', ''); // 2nd arg empty string until typedef marked correctly\n  const envPortalName = envInfo.getPortalName();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n\n  const classes = useStyles();\n  const actionsAPI = pConn.getActionsApi();\n  const localeReference = pConn.getValue('.pyLocaleReference', ''); // 2nd arg empty string until typedef marked correctly\n  const [imageBlobUrl, setImageBlobUrl] = useState<string | null>(null);\n  // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  const messages = [...httpMessages, ...pageMessages];\n\n  const hasBanner = messages && messages.length ? messages.length > 0 : false;\n  let banners: any = null;\n  banners = hasBanner && (\n    <div style={{ display: 'flex', flexDirection: 'column', padding: '1em 0' }}>\n      <AlertBanner id='AppShell' variant='urgent' messages={messages} />\n    </div>\n  );\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap: any = (pConn.getChildren() as any)?.map((child: any, index) => {\n      const theChildComp = child.getPConnect().getComponentName();\n      const theKey = `.${index}`;\n      return (\n        <div id={theChildComp} key={theKey} style={{ border: 'solid 1px silver', margin: '1px' }}>\n          {theChildComp} will be here\n        </div>\n      );\n    });\n\n    setMapChildren(tempMap);\n  }, []);\n\n  useEffect(() => {\n    // @ts-ignore\n    const caseTypesAvailableToCreateDP = PCore.getEnvironmentInfo().environmentInfoObject?.pxApplication?.pyCaseTypesAvailableToCreateDP;\n    if (caseTypesAvailableToCreateDP) {\n      const portalID = pConn.getValue('.pyOwner');\n      PCore.getDataPageUtils()\n        .getPageDataAsync(caseTypesAvailableToCreateDP, pConn.getContextName(), {\n          PortalName: portalID\n        })\n        .then(response => {\n          if (response?.pyCaseTypesAvailableToCreate) {\n            pConn.replaceState('.pyCaseTypesAvailableToCreate', response.pyCaseTypesAvailableToCreate, {\n              skipDirtyValidation: true\n            });\n          }\n        });\n    }\n  }, []);\n\n  const [iconURL, setIconURL] = useState('');\n  const [fullIconURL, setFullIconURL] = useState('');\n  useEffect(() => {\n    // using the default icon then fetch it from the static folder (not auth involved)\n    if (\n      !portalLogo ||\n      portalLogo.toLowerCase().includes('pzpega-logo-mark') ||\n      portalLogo.toLowerCase().includes('py-logo') ||\n      portalLogo.toLowerCase().includes('py-full-logo')\n    ) {\n      const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');\n      setIconURL(portalLogoImage);\n      setFullIconURL(`${Utils.getSDKStaticConentUrl()}static/py-full-logo.svg`);\n    }\n    // not using default icon to fetch it using the way which uses authentication\n    else {\n      PCore.getAssetLoader()\n        .getSvcImage(portalLogo)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(data => {\n          setIconURL(data);\n          setFullIconURL(data);\n        })\n        .catch(() => {\n          // eslint-disable-next-line no-console\n          console.error(`${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`);\n        });\n    }\n  }, [portalLogo]);\n\n  useEffect(() => {\n    if (imageKey && portalTemplate === 'wss') {\n      PCore.getAssetLoader()\n        .getSvcImage(imageKey)\n        .then(blob => window.URL.createObjectURL(blob))\n        .then(imagePath => setImageBlobUrl(imagePath));\n    }\n  }, []);\n\n  const getOperator = () => {\n    return {\n      avatar: portalTemplate !== 'wss' ? <Avatar /> : { name: userName, imageSrc: imageBlobUrl },\n      name: userName,\n      currentUserInitials\n    };\n  };\n\n  function showPage(viewName, className) {\n    actionsAPI.showPage(viewName, className);\n  }\n\n  function openURL(URL) {\n    window.open(URL, '_blank');\n  }\n\n  const links = !pages\n    ? []\n    : pages.map(page => {\n        const name = localizedVal(page.pyLabel, '', localeReference);\n        return {\n          text: name,\n          name,\n          icon: page.pxPageViewIcon.replace('pi pi-', ''),\n          active: page.pyRuleName === activeTab,\n          onClick: () => (!page.pyURLContent || page.pyURLContent === '' ? showPage(page.pyRuleName, page.pyClassName) : openURL(page.pyURLContent))\n        };\n      });\n\n  if (pConn.hasChildren()) {\n    // const theChildren = pConn.getChildren();\n    // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n    // debugging/investigation help\n    // console.log(`AppShell has children: ${theChildren.length}`);\n    // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n  }\n\n  if (portalTemplate === 'wss') {\n    return (\n      <div id='AppShell'>\n        <WssNavBar\n          portalName={portalName}\n          imageSrc={iconURL}\n          fullImageSrc={fullIconURL}\n          appName={localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),\n            onClick: links[0] && /* links[0].onClick ? */ links[0].onClick /* : undefined */\n          }}\n          navLinks={links.filter((link, index) => {\n            return index !== 0;\n          })}\n          operator={getOperator()}\n          navDisplayOptions={navDisplayOptions}\n        />\n        <div className={classes.wsscontent}>\n          {banners}\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root}>\n        <NavBar\n          getPConnect={getPConnect}\n          pConn={getPConnect()}\n          appName={localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          pages={pages}\n          caseTypes={caseTypes}\n        />\n\n        <div className={classes.content}>\n          {banners}\n          {children}\n        </div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type PropsWithChildren, useEffect, useState } from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Avatar from '@mui/material/Avatar';\n\nimport { Utils } from '../../helpers/utils';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\nimport './AppShell.css';\n\ninterface AppShellProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showAppName: boolean;\n  pages: {\n    pxPageViewIcon: string;\n    pyClassName: string;\n    pyLabel: string;\n    pyRuleName: string;\n    pyURLContent: string;\n  }[];\n  caseTypes?: object[];\n  portalTemplate: string;\n  portalName: string;\n  portalLogo: string;\n  navDisplayOptions: { alignment: string; position: string };\n  httpMessages: string[];\n  pageMessages: string[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  content: {\n    flexGrow: 1,\n    height: '100vh',\n    overflow: 'auto',\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  wsscontent: {\n    flexGrow: 1,\n    height: '100vh',\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport default function AppShell(props: PropsWithChildren<AppShellProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const NavBar = getComponentFromMap('NavBar');\n  const WssNavBar = getComponentFromMap('WssNavBar');\n  const AlertBanner = getComponentFromMap('AlertBanner');\n\n  const {\n    pages = [],\n    caseTypes = [],\n    showAppName,\n    children = [],\n    getPConnect,\n    httpMessages = [],\n    pageMessages = [],\n    portalTemplate,\n    portalName,\n    portalLogo,\n    navDisplayOptions\n  } = props;\n\n  const [open, setOpen] = useState(true);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [activeTab, setActiveTab] = useState(!pages ? null : pages[0]?.pyRuleName);\n  const pConn = getPConnect();\n  const envInfo = PCore.getEnvironmentInfo();\n  const imageKey = envInfo.getOperatorImageInsKey();\n  const userName = envInfo.getOperatorName() || '';\n  const currentUserInitials = Utils.getInitials(userName);\n  const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';\n  const portalClass = pConn.getValue('.classID', ''); // 2nd arg empty string until typedef marked correctly\n  const envPortalName = envInfo.getPortalName();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n\n  const classes = useStyles();\n  const actionsAPI = pConn.getActionsApi();\n  const localeReference = pConn.getValue('.pyLocaleReference', ''); // 2nd arg empty string until typedef marked correctly\n  const [imageBlobUrl, setImageBlobUrl] = useState<string | Blob | null>(null);\n  // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  const messages = [...httpMessages, ...pageMessages];\n\n  const hasBanner = messages && messages.length ? messages.length > 0 : false;\n  let banners: any = null;\n  banners = hasBanner && (\n    <div style={{ display: 'flex', flexDirection: 'column', padding: '1em 0' }}>\n      <AlertBanner id='AppShell' variant='urgent' messages={messages} />\n    </div>\n  );\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName() || '');\n\n    const tempMap: any = (pConn.getChildren() as any)?.map((child: any, index) => {\n      const theChildComp = child.getPConnect().getComponentName();\n      const theKey = `.${index}`;\n      return (\n        <div id={theChildComp} key={theKey} style={{ border: 'solid 1px silver', margin: '1px' }}>\n          {theChildComp} will be here\n        </div>\n      );\n    });\n\n    setMapChildren(tempMap);\n\n    /* TODO: We're setting the `pyPortalTemplate` for now, this would be handled by the CoreJS in the future releases */\n    if (portalTemplate === 'wss') {\n      PCore.getEnvironmentInfo().setEnvironmentInfo({ ...PCore.getEnvironmentInfo().environmentInfoObject, pyPortalTemplate: 'wss' } as any);\n    }\n  }, []);\n\n  useEffect(() => {\n    // @ts-expect-error\n    const caseTypesAvailableToCreateDP = PCore.getEnvironmentInfo().environmentInfoObject?.pxApplication?.pyCaseTypesAvailableToCreateDP;\n    if (caseTypesAvailableToCreateDP) {\n      const portalID = pConn.getValue('.pyOwner');\n      PCore.getDataPageUtils()\n        .getPageDataAsync(caseTypesAvailableToCreateDP, pConn.getContextName(), {\n          PortalName: portalID\n        })\n        .then((response: { pyCaseTypesAvailableToCreate?: any }) => {\n          if (response?.pyCaseTypesAvailableToCreate) {\n            pConn.replaceState('.pyCaseTypesAvailableToCreate', response.pyCaseTypesAvailableToCreate, {\n              skipDirtyValidation: true\n            });\n          }\n        });\n    }\n  }, []);\n\n  const [iconURL, setIconURL] = useState<string | Blob>('');\n  const [fullIconURL, setFullIconURL] = useState<string | Blob>('');\n  useEffect(() => {\n    // using the default icon then fetch it from the static folder (not auth involved)\n    if (\n      !portalLogo ||\n      portalLogo.toLowerCase().includes('pzpega-logo-mark') ||\n      portalLogo.toLowerCase().includes('py-logo') ||\n      portalLogo.toLowerCase().includes('py-full-logo')\n    ) {\n      const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');\n      setIconURL(portalLogoImage);\n      setFullIconURL(`${Utils.getSDKStaticConentUrl()}static/py-full-logo.svg`);\n    }\n    // not using default icon to fetch it using the way which uses authentication\n    else {\n      PCore.getAssetLoader()\n        .getSvcImageUrl(portalLogo)\n        .then(data => {\n          setIconURL(data);\n          setFullIconURL(data);\n        })\n        .catch(() => {\n          console.error(`${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`);\n        });\n    }\n  }, [portalLogo]);\n\n  useEffect(() => {\n    if (imageKey && portalTemplate === 'wss') {\n      PCore.getAssetLoader()\n        .getSvcImageUrl(imageKey)\n        .then(imagePath => setImageBlobUrl(imagePath));\n    }\n  }, []);\n\n  const getOperator = () => {\n    return {\n      avatar: portalTemplate !== 'wss' ? <Avatar /> : { name: userName, imageSrc: imageBlobUrl },\n      name: userName,\n      currentUserInitials\n    };\n  };\n\n  function showPage(viewName, className) {\n    actionsAPI.showPage(viewName, className);\n  }\n\n  function openURL(URL) {\n    window.open(URL, '_blank');\n  }\n\n  const links = !pages\n    ? []\n    : pages.map(page => {\n        const name = localizedVal(page.pyLabel, '', localeReference);\n        return {\n          text: name,\n          name,\n          icon: page.pxPageViewIcon.replace('pi pi-', ''),\n          active: page.pyRuleName === activeTab,\n          onClick: () => (!page.pyURLContent || page.pyURLContent === '' ? showPage(page.pyRuleName, page.pyClassName) : openURL(page.pyURLContent))\n        };\n      });\n\n  if (pConn.hasChildren()) {\n    // const theChildren = pConn.getChildren();\n    // const mapChildCompNames = theChildren.map((child) => { return child.getPConnect().getComponentName()});\n    // debugging/investigation help\n    // console.log(`AppShell has children: ${theChildren.length}`);\n    // console.log(`--> ${mapChildCompNames.map((name) => {return name;})}`);\n  }\n\n  if (portalTemplate === 'wss') {\n    return (\n      <div id='AppShell' className={classes.root}>\n        <WssNavBar\n          portalName={portalName}\n          imageSrc={iconURL}\n          fullImageSrc={fullIconURL}\n          appName={localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),\n            onClick: links[0] && /* links[0].onClick ? */ links[0].onClick /* : undefined */\n          }}\n          navLinks={links.filter((link, index) => {\n            return index !== 0;\n          })}\n          operator={getOperator()}\n          navDisplayOptions={navDisplayOptions}\n        />\n        <div className={classes.wsscontent}>\n          {banners}\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root} style={{ display: 'flex' }}>\n        <NavBar\n          getPConnect={getPConnect}\n          pConn={getPConnect()}\n          appName={localizedVal(appNameToDisplay || '', '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase())}\n          pages={pages}\n          caseTypes={caseTypes}\n        />\n\n        <div className={classes.content}>\n          {banners}\n          {children}\n        </div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n"]}

package/lib/components/template/BannerPage/BannerPage.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 interface BannerPageProps extends PConnProps {
     layout?: string;
     heading?: string;

package/lib/components/template/BannerPage/BannerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAkC3E"}
+{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,eAAgB,SAAQ,UAAU;IAE1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAkC3E"}

package/lib/components/template/BannerPage/BannerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useMemo } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface BannerPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  layout?: string;\n  heading?: string;\n  message?: string;\n  imageTheme?: string;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  tintImage?: boolean;\n}\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props: PropsWithChildren<BannerPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Banner = getComponentFromMap('Banner');\n\n  const {\n    children,\n    layout = 'two-column',\n    heading = '',\n    message = '',\n    imageTheme = 'light',\n    backgroundImage = '',\n    backgroundColor = '',\n    tintImage = false\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA0B,OAAO,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Children, type PropsWithChildren, useMemo } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface BannerPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  layout?: string;\n  heading?: string;\n  message?: string;\n  imageTheme?: string;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  tintImage?: boolean;\n}\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props: PropsWithChildren<BannerPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Banner = getComponentFromMap('Banner');\n\n  const {\n    children,\n    layout = 'two-column',\n    heading = '',\n    message = '',\n    imageTheme = 'light',\n    backgroundImage = '',\n    backgroundColor = '',\n    tintImage = false\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n"]}

package/lib/components/template/CaseSummary/CaseSummary.d.ts

@@ -1,6 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import type { PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 interface CaseSummaryProps extends PConnProps {
+    arPrimaryFields: any[];
+    arSecondaryFields: any[];
 }
 export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/template/CaseSummary/CaseSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,gBAAiB,SAAQ,UAAU;CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,2CAwF7E"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAC3C,eAAe,EAAE,GAAG,EAAE,CAAC;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC;CAE1B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,2CAyE7E"}

package/lib/components/template/CaseSummary/CaseSummary.js

@@ -4,23 +4,13 @@ export default function CaseSummary(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');
     const { getPConnect, children } = props;
-    const thePConn = getPConnect();
-    const theConfigProps = thePConn.getConfigProps();
-    // const { status, showStatus } = theConfigProps;
-    const status = theConfigProps.status;
-    const showStatus = theConfigProps.showStatus;
+    let { arPrimaryFields = [], arSecondaryFields = [] } = props;
+    const thePConn = getPConnect && getPConnect();
+    const theConfigProps = thePConn?.getConfigProps();
+    const status = theConfigProps?.status;
+    const showStatus = theConfigProps?.showStatus;
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'ModalContainer';
-    // from Constellation DX Components
-    // get the primary and secondary fields with the raw data (which has the non-resolved property values)
-    // const regionsRaw = getPConnect().getRawMetadata().children;
-    // const primaryFieldsRaw = regionsRaw[0].children;
-    // const secondaryFieldsRaw = regionsRaw[1].children;
-    // From other SDKs
-    // may want to move these into useEffect/useState combo
-    let arPrimaryFields = [];
-    let arSecondaryFields = [];
-    /* eslint-disable @typescript-eslint/no-shadow */
     function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {
         const { config, children } = pConnectMeta;
         const pConnect = getPConnect();
@@ -47,30 +37,27 @@ export default function CaseSummary(props) {
         };
         return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;
     }
-    for (const child of children) {
-        const childPConn = child.props.getPConnect();
-        const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
-        if (childPConnData.name.toLowerCase() === 'primary fields') {
-            arPrimaryFields = childPConnData.children;
-            arPrimaryFields.forEach(field => {
-                if (field.config?.value && typeof field.config?.value === 'string') {
-                    field.config.value = localizedVal(field.config.value, localeCategory);
-                }
-            });
-        }
-        else if (childPConnData.name.toLowerCase() === 'secondary fields') {
-            const secondarySummaryFields = prepareCaseSummaryData(childPConn);
-            arSecondaryFields = childPConnData.children;
-            arSecondaryFields.forEach((field, index) => {
-                field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;
-            });
+    if (arPrimaryFields.length === 0 && arSecondaryFields.length === 0) {
+        for (const child of children) {
+            const childPConn = child.props.getPConnect();
+            const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
+            if (childPConnData.name.toLowerCase() === 'primary fields') {
+                arPrimaryFields = childPConnData.children;
+                arPrimaryFields.forEach(field => {
+                    if (field.config?.value && typeof field.config?.value === 'string') {
+                        field.config.value = localizedVal(field.config.value, localeCategory);
+                    }
+                });
+            }
+            else if (childPConnData.name.toLowerCase() === 'secondary fields') {
+                const secondarySummaryFields = prepareCaseSummaryData(childPConn);
+                arSecondaryFields = childPConnData.children;
+                arSecondaryFields.forEach((field, index) => {
+                    field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;
+                });
+            }
         }
     }
-    // At this point, should hand off to another component for layout and rendering
-    //  of primary and secondary fields in the Case Summary
-    // debugging/investigation help
-    // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);
-    // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);
     return (_jsxs("div", { id: 'CaseSummary', children: [_jsx(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }), _jsx(CaseSummaryFields, { theFields: arSecondaryFields })] }));
 }
 //# sourceMappingURL=CaseSummary.js.map

package/lib/components/template/CaseSummary/CaseSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');\n\n  const { getPConnect, children } = props;\n\n  const thePConn = getPConnect();\n  const theConfigProps: any = thePConn.getConfigProps();\n  // const { status, showStatus } = theConfigProps;\n  const status = theConfigProps.status;\n  const showStatus = theConfigProps.showStatus;\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'ModalContainer';\n  // from Constellation DX Components\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields: any[] = [];\n  let arSecondaryFields: any[] = [];\n\n  /* eslint-disable @typescript-eslint/no-shadow */\n  function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {\n    const { config, children } = pConnectMeta;\n    const pConnect = getPConnect();\n\n    const caseSummaryComponentObject: any = {};\n\n    const { type } = pConnectMeta;\n    const createdComponent = pConnect.createComponent({\n      type,\n      children: children ? [...children] : [],\n      config: {\n        ...config\n      }\n    });\n\n    caseSummaryComponentObject.value = createdComponent;\n    return caseSummaryComponentObject;\n  }\n\n  function prepareCaseSummaryData(summaryFieldChildren) {\n    const convertChildrenToSummaryData = kid => {\n      return kid?.map((childItem, index) => {\n        const childMeta = childItem.getPConnect().meta;\n        const caseSummaryComponentObject = prepareComponentInCaseSummary(childMeta, childItem.getPConnect);\n        caseSummaryComponentObject.id = index + 1;\n        return caseSummaryComponentObject;\n      });\n    };\n    return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;\n  }\n\n  for (const child of children as ReactElement[]) {\n    const childPConn = (child as ReactElement).props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === 'primary fields') {\n      arPrimaryFields = childPConnData.children;\n      arPrimaryFields.forEach(field => {\n        if (field.config?.value && typeof field.config?.value === 'string') {\n          field.config.value = localizedVal(field.config.value, localeCategory);\n        }\n      });\n    } else if (childPConnData.name.toLowerCase() === 'secondary fields') {\n      const secondarySummaryFields = prepareCaseSummaryData(childPConn);\n      arSecondaryFields = childPConnData.children;\n      arSecondaryFields.forEach((field, index) => {\n        field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;\n      });\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id='CaseSummary'>\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { PropsWithChildren, ReactElement } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  arPrimaryFields: any[];\n  arSecondaryFields: any[];\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');\n\n  const { getPConnect, children } = props;\n  let { arPrimaryFields = [], arSecondaryFields = [] } = props;\n\n  const thePConn = getPConnect && getPConnect();\n  const theConfigProps: any = thePConn?.getConfigProps();\n\n  const status = theConfigProps?.status;\n  const showStatus = theConfigProps?.showStatus;\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'ModalContainer';\n\n  function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {\n    const { config, children } = pConnectMeta;\n    const pConnect = getPConnect();\n\n    const caseSummaryComponentObject: any = {};\n\n    const { type } = pConnectMeta;\n    const createdComponent = pConnect.createComponent({\n      type,\n      children: children ? [...children] : [],\n      config: {\n        ...config\n      }\n    });\n\n    caseSummaryComponentObject.value = createdComponent;\n    return caseSummaryComponentObject;\n  }\n\n  function prepareCaseSummaryData(summaryFieldChildren) {\n    const convertChildrenToSummaryData = kid => {\n      return kid?.map((childItem, index) => {\n        const childMeta = childItem.getPConnect().meta;\n        const caseSummaryComponentObject = prepareComponentInCaseSummary(childMeta, childItem.getPConnect);\n        caseSummaryComponentObject.id = index + 1;\n        return caseSummaryComponentObject;\n      });\n    };\n    return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;\n  }\n\n  if (arPrimaryFields.length === 0 && arSecondaryFields.length === 0) {\n    for (const child of children as ReactElement[]) {\n      const childPConn = (child as ReactElement).props.getPConnect();\n      const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n      if (childPConnData.name.toLowerCase() === 'primary fields') {\n        arPrimaryFields = childPConnData.children;\n        arPrimaryFields.forEach(field => {\n          if (field.config?.value && typeof field.config?.value === 'string') {\n            field.config.value = localizedVal(field.config.value, localeCategory);\n          }\n        });\n      } else if (childPConnData.name.toLowerCase() === 'secondary fields') {\n        const secondarySummaryFields = prepareCaseSummaryData(childPConn);\n        arSecondaryFields = childPConnData.children;\n        arSecondaryFields.forEach((field, index) => {\n          field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;\n        });\n      }\n    }\n  }\n\n  return (\n    <div id='CaseSummary'>\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  );\n}\n"]}

package/lib/components/template/CaseView/CaseView.d.ts

@@ -1,11 +1,12 @@
-import { PropsWithChildren } from 'react';
-import { PConnProps } from '../../../types/PConnProps';
+import { type PropsWithChildren } from 'react';
+import type { PConnProps } from '../../../types/PConnProps';
 interface CaseViewProps extends PConnProps {
     icon: string;
     subheader: string;
     header: string;
     showIconInHeader: boolean;
     caseInfo: any;
+    lastUpdateCaseTime: any;
 }
 export default function CaseView(props: PropsWithChildren<CaseViewProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/template/CaseView/CaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAiD,MAAM,OAAO,CAAC;AAUzF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AA6BD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAwNvE"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsD,MAAM,OAAO,CAAC;AAUnG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;IACd,kBAAkB,EAAE,GAAG,CAAC;CACzB;AA0BD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAsNvE"}

package/lib/components/template/CaseView/CaseView.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-boolean-value */
 import { useContext, useEffect, useState } from 'react';
 import { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
+import Grid2 from '@mui/material/Grid2';
 import { Utils } from '../../helpers/utils';
 import StoreContext from '../../../bridge/Context/StoreContext';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
@@ -30,9 +29,6 @@ const useStyles = makeStyles(theme => ({
         width: theme.spacing(8),
         height: theme.spacing(8),
         padding: theme.spacing(1)
-    },
-    caseViewIconImage: {
-        filter: 'invert(100%)'
     }
 }));
 export default function CaseView(props) {
@@ -40,9 +36,8 @@ export default function CaseView(props) {
     const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');
     const VerticalTabs = getComponentFromMap('VerticalTabs');
     const DeferLoad = getComponentFromMap('DeferLoad');
-    const { getPConnect, icon = '', header, subheader, children = [], 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    showIconInHeader = true, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' } } = props;
+    const { getPConnect, icon = '', header, subheader, children = [], caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '', caseTypeIcon } } = props;
+    const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;
     const currentCaseID = props.caseInfo.ID;
     let isComponentMounted = true;
     const { displayOnlyFA } = useContext(StoreContext);
@@ -50,16 +45,16 @@ export default function CaseView(props) {
     const classes = useStyles();
     const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localizationService = thePConn.getLocalizationService();
     const localeCategory = 'CaseView';
-    const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();
     /**
      *
      * @param inName the metadata <em>name</em> that will cause a region to be returned
      */
     function getChildRegionByName(inName) {
         for (const child of children) {
-            const theMetadataType = child.props.getPConnect().getRawMetadata().type.toLowerCase();
-            const theMetadataName = child.props.getPConnect().getRawMetadata().name.toLowerCase();
+            const theMetadataType = child.props.getPConnect().getRawMetadata().type?.toLowerCase();
+            const theMetadataName = child.props.getPConnect().getRawMetadata().name?.toLowerCase();
             if (theMetadataType === 'region' && theMetadataName === inName) {
                 return child;
             }
@@ -71,12 +66,16 @@ export default function CaseView(props) {
     const theTodoRegion = getChildRegionByName('todo');
     const theUtilitiesRegion = getChildRegionByName('utilities');
     const theTabsRegion = getChildRegionByName('tabs');
-    const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());
+    let iconForCaseType = caseTypeIcon ? caseTypeIcon.replace('pi pi-', '') : icon;
+    if (!iconForCaseType || iconForCaseType.includes('.')) {
+        iconForCaseType = 'polaris-solid';
+    }
+    const caseSvgIconUrl = Utils.getImageSrc(iconForCaseType, Utils.getSDKStaticConentUrl());
     const [activeVertTab, setActiveVertTab] = useState(0);
     // const tmpLoadData1 = { config: { label: "Details", name: "pyDetailsTabContent" }, type: "DeferLoad" };
     // const tmpLoadData2 = { config: { label: "Case History", name: "CaseHistory" }, type: "DeferLoad" };
     // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)
-    const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();
+    const theTabsRegionChildren = theTabsRegion?.props.getPConnect().getChildren();
     // vertTabInfo is sent to VerticalTabs component
     const vertTabInfo = [];
     // deferLoadInfo is sent to DeferLoad component (currently selected entry)
@@ -125,7 +124,6 @@ export default function CaseView(props) {
     }, []);
     useEffect(() => {
         if (hasNewAttachments) {
-            // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'
             PCore.getPubSubUtils().publish(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);
         }
     }, [hasNewAttachments]);
@@ -142,10 +140,10 @@ export default function CaseView(props) {
     function getContainerContents() {
         if (!displayOnlyFA) {
             // show full portal
-            return (_jsxs(Grid, { container: true, children: [_jsxs(Grid, { item: true, xs: 3, children: [_jsx("div", { hidden: true, id: 'current-caseID', children: currentCaseID }), _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', id: 'case-name', children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: svgCase, className: classes.caseViewIconImage }) }) }), getActionButtonsHtml(), _jsx(Divider, {}), theSummaryRegion, _jsx(Divider, {}), vertTabInfo.length > 1 && _jsx(VerticalTabs, { tabconfig: vertTabInfo })] })] }), _jsxs(Grid, { item: true, xs: 6, children: [theStagesRegion, theTodoRegion, deferLoadInfo.length > 0 && _jsx(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true })] }), _jsx(Grid, { item: true, xs: 3, children: theUtilitiesRegion })] }));
+            return (_jsxs(Grid2, { container: true, children: [_jsxs(Grid2, { size: { xs: 3 }, children: [_jsx("div", { hidden: true, id: 'current-caseID', children: currentCaseID }), _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', id: 'case-name', children: localizationService.getLocalizedText(header) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: caseSvgIconUrl }) }) }), getActionButtonsHtml(), _jsx(Divider, {}), theSummaryRegion, _jsx(Divider, {}), vertTabInfo.length > 1 && _jsx(VerticalTabs, { tabconfig: vertTabInfo })] })] }), _jsxs(Grid2, { size: { xs: 6 }, children: [theStagesRegion, theTodoRegion, deferLoadInfo.length > 0 && (_jsx(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true, lastUpdateCaseTime: lastUpdateCaseTime }))] }), _jsx(Grid2, { size: { xs: 3 }, children: theUtilitiesRegion })] }));
         }
         // displayOnlyFA - only show the "todo" region
-        return (_jsx(Grid, { container: true, children: _jsx(Grid, { item: true, xs: 12, children: theTodoRegion }) }));
+        return (_jsx(Grid2, { container: true, children: _jsx(Grid2, { size: { xs: 12 }, children: theTodoRegion }) }));
     }
     return getContainerContents();
 }

package/lib/components/template/CaseView/CaseView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport { PropsWithChildren, ReactElement, useContext, useEffect, useState } from 'react';\nimport { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\n\nimport { Utils } from '../../helpers/utils';\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  icon: string;\n  subheader: string;\n  header: string;\n  showIconInHeader: boolean;\n  caseInfo: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  },\n  caseViewIconImage: {\n    filter: 'invert(100%)'\n  }\n}));\n\nexport default function CaseView(props: PropsWithChildren<CaseViewProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');\n  const VerticalTabs = getComponentFromMap('VerticalTabs');\n  const DeferLoad = getComponentFromMap('DeferLoad');\n\n  const {\n    getPConnect,\n    icon = '',\n    header,\n    subheader,\n    children = [],\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    showIconInHeader = true,\n    caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' }\n  } = props;\n\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n  function getChildRegionByName(inName: string): any {\n    for (const child of children as ReactElement[]) {\n      const theMetadataType: string = (child as ReactElement).props.getPConnect().getRawMetadata().type.toLowerCase();\n      const theMetadataName: string = (child as ReactElement).props.getPConnect().getRawMetadata().name.toLowerCase();\n\n      if (theMetadataType === 'region' && theMetadataName === inName) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n  const theSummaryRegion = getChildRegionByName('summary');\n  const theStagesRegion = getChildRegionByName('stages');\n  const theTodoRegion = getChildRegionByName('todo');\n  const theUtilitiesRegion = getChildRegionByName('utilities');\n  const theTabsRegion = getChildRegionByName('tabs');\n\n  const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: Object[] = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: any[] = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return (): void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'\n      PCore.getPubSubUtils().publish((PCore.getEvents().getCaseEvent() as any).CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });\n  }\n\n  function getActionButtonsHtml(): any {\n    return (\n      <Box>\n        {editAction && (\n          <Button\n            id='edit'\n            onClick={() => {\n              _editClick();\n            }}\n          >\n            {localizedVal('Edit', localeCategory)}\n          </Button>\n        )}\n        <CaseViewActionsMenu\n          getPConnect={getPConnect}\n          availableActions={availableActions}\n          availableProcesses={availableProcesses}\n          caseTypeName={caseTypeName}\n          caseTypeID={caseTypeID}\n        />\n      </Box>\n    );\n  }\n\n  function getContainerContents() {\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid container>\n          <Grid item xs={3}>\n            <div hidden={true} id='current-caseID'>\n              {currentCaseID}\n            </div>\n            <Card className={classes.root}>\n              <CardHeader\n                className={classes.caseViewHeader}\n                title={\n                  <Typography variant='h6' component='div' id='case-name'>\n                    {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n                  </Typography>\n                }\n                subheader={\n                  <Typography variant='body1' component='div' id='caseId'>\n                    {subheader}\n                  </Typography>\n                }\n                avatar={\n                  <Avatar className={classes.caseViewIconBox} variant='square'>\n                    <img src={svgCase} className={classes.caseViewIconImage} />\n                  </Avatar>\n                }\n              />\n              {getActionButtonsHtml()}\n              <Divider />\n              {theSummaryRegion}\n              <Divider />\n              {vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n            </Card>\n          </Grid>\n\n          <Grid item xs={6}>\n            {theStagesRegion}\n            {theTodoRegion}\n            {deferLoadInfo.length > 0 && <DeferLoad getPConnect={getPConnect} name={deferLoadInfo[activeVertTab].config.name} isTab />}\n          </Grid>\n\n          <Grid item xs={3}>\n            {theUtilitiesRegion}\n          </Grid>\n        </Grid>\n      );\n    }\n    // displayOnlyFA - only show the \"todo\" region\n    return (\n      <Grid container>\n        <Grid item xs={12}>\n          {theTodoRegion}\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return getContainerContents();\n}\n"]}
+{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type PropsWithChildren, type ReactElement, useContext, useEffect, useState } from 'react';\nimport { Avatar, Card, CardHeader, Divider, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Grid2 from '@mui/material/Grid2';\n\nimport { Utils } from '../../helpers/utils';\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  icon: string;\n  subheader: string;\n  header: string;\n  showIconInHeader: boolean;\n  caseInfo: any;\n  lastUpdateCaseTime: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  }\n}));\n\nexport default function CaseView(props: PropsWithChildren<CaseViewProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');\n  const VerticalTabs = getComponentFromMap('VerticalTabs');\n  const DeferLoad = getComponentFromMap('DeferLoad');\n\n  const {\n    getPConnect,\n    icon = '',\n    header,\n    subheader,\n    children = [],\n    caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '', caseTypeIcon }\n  } = props;\n  const { lastUpdateCaseTime = getPConnect().getValue('caseInfo.lastUpdateTime') } = props;\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localizationService = thePConn.getLocalizationService();\n  const localeCategory = 'CaseView';\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n  function getChildRegionByName(inName: string): any {\n    for (const child of children as ReactElement[]) {\n      const theMetadataType: string = (child as ReactElement).props.getPConnect().getRawMetadata().type?.toLowerCase();\n      const theMetadataName: string = (child as ReactElement).props.getPConnect().getRawMetadata().name?.toLowerCase();\n      if (theMetadataType === 'region' && theMetadataName === inName) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n  const theSummaryRegion = getChildRegionByName('summary');\n  const theStagesRegion = getChildRegionByName('stages');\n  const theTodoRegion = getChildRegionByName('todo');\n  const theUtilitiesRegion = getChildRegionByName('utilities');\n  const theTabsRegion = getChildRegionByName('tabs');\n\n  let iconForCaseType = caseTypeIcon ? caseTypeIcon.replace('pi pi-', '') : icon;\n\n  if (!iconForCaseType || iconForCaseType.includes('.')) {\n    iconForCaseType = 'polaris-solid';\n  }\n  const caseSvgIconUrl = Utils.getImageSrc(iconForCaseType, Utils.getSDKStaticConentUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion?.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: object[] = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: any[] = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return (): void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      PCore.getPubSubUtils().publish((PCore.getEvents().getCaseEvent() as any).CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });\n  }\n\n  function getActionButtonsHtml(): any {\n    return (\n      <Box>\n        {editAction && (\n          <Button\n            id='edit'\n            onClick={() => {\n              _editClick();\n            }}\n          >\n            {localizedVal('Edit', localeCategory)}\n          </Button>\n        )}\n        <CaseViewActionsMenu\n          getPConnect={getPConnect}\n          availableActions={availableActions}\n          availableProcesses={availableProcesses}\n          caseTypeName={caseTypeName}\n          caseTypeID={caseTypeID}\n        />\n      </Box>\n    );\n  }\n\n  function getContainerContents() {\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid2 container>\n          <Grid2 size={{ xs: 3 }}>\n            <div hidden={true} id='current-caseID'>\n              {currentCaseID}\n            </div>\n            <Card className={classes.root}>\n              <CardHeader\n                className={classes.caseViewHeader}\n                title={\n                  <Typography variant='h6' component='div' id='case-name'>\n                    {localizationService.getLocalizedText(header)}\n                  </Typography>\n                }\n                subheader={\n                  <Typography variant='body1' component='div' id='caseId'>\n                    {subheader}\n                  </Typography>\n                }\n                avatar={\n                  <Avatar className={classes.caseViewIconBox} variant='square'>\n                    <img src={caseSvgIconUrl} />\n                  </Avatar>\n                }\n              />\n              {getActionButtonsHtml()}\n              <Divider />\n              {theSummaryRegion}\n              <Divider />\n              {vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n            </Card>\n          </Grid2>\n\n          <Grid2 size={{ xs: 6 }}>\n            {theStagesRegion}\n            {theTodoRegion}\n            {deferLoadInfo.length > 0 && (\n              <DeferLoad getPConnect={getPConnect} name={deferLoadInfo[activeVertTab].config.name} isTab lastUpdateCaseTime={lastUpdateCaseTime} />\n            )}\n          </Grid2>\n\n          <Grid2 size={{ xs: 3 }}>{theUtilitiesRegion}</Grid2>\n        </Grid2>\n      );\n    }\n    // displayOnlyFA - only show the \"todo\" region\n    return (\n      <Grid2 container>\n        <Grid2 size={{ xs: 12 }}>{theTodoRegion}</Grid2>\n      </Grid2>\n    );\n  }\n\n  return getContainerContents();\n}\n"]}

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface CaseViewActionsMenuProps extends PConnProps {
     availableActions: any[];
     availableProcesses: any[];

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAKvD,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAkG1E"}
+{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK5D,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAkG1E"}

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import React, { useState } from 'react';
 import Button from '@mui/material/Button';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';