@pega/react-sdk-components 24.2.11 → 25.1.10

package/lib/components/template/AdvancedSearch/SearchGroups/utils.d.ts

@@ -0,0 +1,16 @@
+export declare function getCacheInfo(cache: {
+    selectedCategory: string;
+    activeGroupId: string;
+    searchFields: unknown;
+}, groups: {
+    config: {
+        id: string;
+    };
+}[]): {
+    useCache: boolean;
+    initialActiveGroupId: string;
+};
+export declare function isValidInput(input: {
+    [s: string]: unknown;
+}): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/template/AdvancedSearch/SearchGroups/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/utils.ts"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,CAC1B,KAAK,EAAE;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,EACjF,MAAM,EAAE;IAAE,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,EAAE;;;EAWrC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,WAE3D"}

package/lib/components/template/AdvancedSearch/SearchGroups/utils.js

@@ -0,0 +1,22 @@
+function isEmpty(value) {
+    return (
+    // null or undefined
+    value === null ||
+        value === undefined ||
+        ((Array.isArray(value) || typeof value === 'string') && value.length === 0) ||
+        // is an Object and has no keys
+        (value.constructor === Object && Object.keys(value).length === 0));
+}
+export function getCacheInfo(cache, groups) {
+    let initialActiveGroupId = groups.length ? groups[0].config.id : '';
+    let useCache = false;
+    if (cache.activeGroupId && groups?.find(group => group.config.id === cache.activeGroupId)) {
+        initialActiveGroupId = cache.activeGroupId;
+        useCache = true;
+    }
+    return { useCache, initialActiveGroupId };
+}
+export function isValidInput(input) {
+    return Object.values(input).some(value => !isEmpty(value));
+}
+//# sourceMappingURL=utils.js.map

package/lib/components/template/AdvancedSearch/SearchGroups/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/template/AdvancedSearch/SearchGroups/utils.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,KAAU;IACzB,OAAO;IACL,oBAAoB;IACpB,KAAK,KAAK,IAAI;QACd,KAAK,KAAK,SAAS;QACnB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QAC3E,+BAA+B;QAC/B,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAClE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,KAAiF,EACjF,MAAoC;IAEpC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpE,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,KAAK,CAAC,aAAa,IAAI,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;QAC1F,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC;QAC3C,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAA+B;IAC1D,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7D,CAAC","sourcesContent":["function isEmpty(value: any): boolean {\n  return (\n    // null or undefined\n    value === null ||\n    value === undefined ||\n    ((Array.isArray(value) || typeof value === 'string') && value.length === 0) ||\n    // is an Object and has no keys\n    (value.constructor === Object && Object.keys(value).length === 0)\n  );\n}\n\nexport function getCacheInfo(\n  cache: { selectedCategory: string; activeGroupId: string; searchFields: unknown },\n  groups: { config: { id: string } }[]\n) {\n  let initialActiveGroupId = groups.length ? groups[0].config.id : '';\n\n  let useCache = false;\n  if (cache.activeGroupId && groups?.find(group => group.config.id === cache.activeGroupId)) {\n    initialActiveGroupId = cache.activeGroupId;\n    useCache = true;\n  }\n\n  return { useCache, initialActiveGroupId };\n}\n\nexport function isValidInput(input: { [s: string]: unknown }) {\n  return Object.values(input).some(value => !isEmpty(value));\n}\n"]}

package/lib/components/template/AdvancedSearch/TemplateContext.d.ts

@@ -0,0 +1,10 @@
+declare const TemplateContext: import("react").Context<{
+    depth: number;
+    columnCount: number;
+    outerColumnCount: undefined;
+    templateOverrideMode: undefined;
+    inheritParentLayout: undefined;
+    lastContainerItem: undefined;
+}>;
+export default TemplateContext;
+//# sourceMappingURL=TemplateContext.d.ts.map

package/lib/components/template/AdvancedSearch/TemplateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/TemplateContext.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe;;;;;;;EAOnB,CAAC;AACH,eAAe,eAAe,CAAC"}

package/lib/components/template/AdvancedSearch/TemplateContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+const TemplateContext = createContext({
+    depth: 0,
+    columnCount: 1,
+    outerColumnCount: undefined,
+    templateOverrideMode: undefined,
+    inheritParentLayout: undefined,
+    lastContainerItem: undefined
+});
+export default TemplateContext;
+//# sourceMappingURL=TemplateContext.js.map

package/lib/components/template/AdvancedSearch/TemplateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateContext.js","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/TemplateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,eAAe,GAAG,aAAa,CAAC;IACpC,KAAK,EAAE,CAAC;IACR,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,SAAS;IAC3B,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;CAC7B,CAAC,CAAC;AACH,eAAe,eAAe,CAAC","sourcesContent":["import { createContext } from 'react';\n\nconst TemplateContext = createContext({\n  depth: 0,\n  columnCount: 1,\n  outerColumnCount: undefined,\n  templateOverrideMode: undefined,\n  inheritParentLayout: undefined,\n  lastContainerItem: undefined\n});\nexport default TemplateContext;\n"]}

package/lib/components/template/AdvancedSearch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AdvancedSearch';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/template/AdvancedSearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/template/AdvancedSearch/index.js

@@ -0,0 +1,2 @@
+export { default } from './AdvancedSearch';
+//# sourceMappingURL=index.js.map

package/lib/components/template/AdvancedSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/template/AdvancedSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './AdvancedSearch';\n"]}

package/lib/components/template/AppShell/AppShell.css

@@ -22,7 +22,7 @@
   align-items: center;
   height: 100%;
   width: 100%;
-  background-color: whitesmoke;
+  background-color: 'var(--app-background-color)';
   position: fixed;
   z-index: 999;
   top: 0rem;

package/lib/components/template/AppShell/AppShell.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';
 import './AppShell.css';
 interface AppShellProps extends PConnProps {
     showAppName: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAO/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,gBAAgB,CAAC;AAExB,UAAU,aAAc,SAAQ,UAAU;IAExC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;KACtB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAqBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAkNvE"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAOpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,gBAAgB,CAAC;AAExB,UAAU,aAAc,SAAQ,UAAU;IAExC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;KACtB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAmBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAmNvE"}

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',
@@ -64,9 +62,13 @@ export default function AppShell(props) {
             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');
@@ -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,7 +150,7 @@ 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()),
                         onClick: links[0] && /* links[0].onClick ? */ links[0].onClick /* : undefined */
@@ -159,8 +158,6 @@ export default function AppShell(props) {
                         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":"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","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: { 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('');\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":";AAAA,OAAO,EAA0B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,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,EAAE;IACR,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,IAAI,EAAE,CAAC;IACjD,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,CAAuB,IAAI,CAAC,CAAC;IAC7E,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,IAAI,EAAE,CAAC,CAAC;QAElE,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;QAExB,oHAAoH;QACpH,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;YAC7B,KAAK,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,CAAC,EAAE,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,KAAK,EAAS,CAAC,CAAC;QACzI,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB;QACnB,MAAM,4BAA4B,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,qBAAqB,EAAE,aAAa,EAAE,8BAA8B,CAAC;QACrI,IAAI,4BAA4B,EAAE,CAAC;YACjC,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,CAAC,QAAgD,EAAE,EAAE;gBACzD,IAAI,QAAQ,EAAE,4BAA4B,EAAE,CAAC;oBAC3C,KAAK,CAAC,YAAY,CAAC,+BAA+B,EAAE,QAAQ,CAAC,4BAA4B,EAAE;wBACzF,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAClE,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,CAAC;YACD,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;QAC5E,CAAC;QACD,6EAA6E;aACxE,CAAC;YACJ,KAAK,CAAC,cAAc,EAAE;iBACnB,cAAc,CAAC,UAAU,CAAC;iBAC1B,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,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,oEAAoE,EAAE,UAAU,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC;YACnI,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;YACzC,KAAK,CAAC,cAAc,EAAE;iBACnB,cAAc,CAAC,QAAQ,CAAC;iBACxB,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;QACnD,CAAC;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,CAAC;QACxB,2CAA2C;QAC3C,0GAA0G;QAC1G,+BAA+B;QAC/B,+DAA+D;QAC/D,yEAAyE;IAC3E,CAAC;IAED,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;QAC7B,OAAO,CACL,eAAK,EAAE,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aACxC,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,YAAY,CAAC,gBAAgB,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC,EACzG,OAAO,EAAE;wBACP,QAAQ,EAAE,OAAO;wBACjB,OAAO,EAAE,YAAY,CAAC,gBAAgB,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC;wBACzG,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;IACJ,CAAC;IAED,OAAO,CACL,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAC3C,eAAK,EAAE,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aACpE,KAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAAE,EACpB,OAAO,EAAE,YAAY,CAAC,gBAAgB,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,WAAW,WAAW,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC,EACzG,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 { 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,5 +1,5 @@
-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;

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;IACd,kBAAkB,EAAE,GAAG,CAAC;CACzB;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,7 @@ 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;
@@ -51,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;
             }
@@ -72,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)
@@ -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, lastUpdateCaseTime: lastUpdateCaseTime }))] }), _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();
 }