@pega/react-sdk-components 0.23.26 → 8.8.20

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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,gBAAgB,CAAC;AA4BxB,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAoLrC;kBApLuB,QAAQ;;;;;;;;;;;;;;eAAR,QAAQ"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":";AAKA,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;QACX,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;KAEtB,CAAC,CAAC;IACH,SAAS,CAAC,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAG,MAAM,CAAC;IACpB,iBAAiB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3D;AA0BD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAC,aAAa,eA+LnD"}

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

@@ -1,13 +1,10 @@
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import { Utils } from '../../helpers/utils';
 import Avatar from '@material-ui/core/Avatar';
 import { NavContext } from '../../helpers/reactContextHelpers';
 import './AppShell.css';
-// AppShell can emit NavBar or WssNavBar
-import NavBar from '../../infra/NavBar';
-import WssNavBar from '../../template/WssNavBar';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const useStyles = makeStyles(theme => ({
     root: {
         display: 'flex'
@@ -27,7 +24,10 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function AppShell(props) {
-    const { pages, caseTypes, showAppName, children, getPConnect, portalTemplate, portalName, portalLogo, navDisplayOptions } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const NavBar = getComponentFromMap("NavBar");
+    const WssNavBar = getComponentFromMap("WssNavBar");
+    const { pages = [], caseTypes = [], showAppName, children = [], getPConnect, portalTemplate, portalName, portalLogo, navDisplayOptions } = props;
     const [open, setOpen] = useState(true);
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
     const [activeTab, setActiveTab] = useState(!pages ? null : pages[0]?.pyRuleName);
@@ -37,12 +37,12 @@ export default function AppShell(props) {
     const userName = envInfo.getOperatorName();
     const currentUserInitials = Utils.getInitials(userName);
     const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : '';
-    const portalClass = pConn.getValue('.classID');
+    const portalClass = pConn.getValue('.classID', ''); // 2nd arg empty string until typedef marked correctly
     const envPortalName = envInfo.getPortalName();
-    const localeUtils = PCore.getLocaleUtils();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const classes = useStyles();
     const actionsAPI = pConn.getActionsApi();
-    const localeReference = pConn.getValue('.pyLocaleReference');
+    const localeReference = pConn.getValue('.pyLocaleReference', ''); // 2nd arg empty string until typedef marked correctly
     const [imageBlobUrl, setImageBlobUrl] = useState(null);
     // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
@@ -52,7 +52,7 @@ export default function AppShell(props) {
     // Initial setting of appName and mapChildren
     useEffect(() => {
         setAppName(PCore.getEnvironmentInfo().getApplicationName());
-        const tempMap = pConn.getChildren().map((child, index) => {
+        const tempMap = pConn.getChildren()?.map((child, index) => {
             const theChildComp = child.getPConnect().getComponentName();
             const theKey = `.${index}`;
             return (React.createElement("div", { id: theChildComp, key: theKey, style: { border: 'solid 1px silver', margin: '1px' } },
@@ -69,9 +69,9 @@ export default function AppShell(props) {
             portalLogo.toLowerCase().includes('pzpega-logo-mark') ||
             portalLogo.toLowerCase().includes('py-logo') ||
             portalLogo.toLowerCase().includes('py-full-logo')) {
-            const portalLogoImage = Utils.getIconPath(PCore.getAssetLoader().getStaticServerUrl()).concat('pzpega-logo-mark.svg');
+            const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');
             setIconURL(portalLogoImage);
-            setFullIconURL(`${PCore.getAssetLoader().getStaticServerUrl()}static/py-full-logo.svg`);
+            setFullIconURL(`${Utils.getSDKStaticConentUrl()}static/py-full-logo.svg`);
         }
         // not using default icon to fetch it using the way which uses authentication
         else {
@@ -84,7 +84,7 @@ export default function AppShell(props) {
             })
                 .catch(() => {
                 // eslint-disable-next-line no-console
-                console.error(`Unable to load the image for the portal logo/icon with the insName:${portalLogo}`);
+                console.error(`${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`);
             });
         }
     }, [portalLogo]);
@@ -112,7 +112,7 @@ export default function AppShell(props) {
     const links = !pages
         ? []
         : pages.map(page => {
-            const name = localeUtils.getLocaleValue(page.pyLabel, '', localeReference);
+            const name = localizedVal(page.pyLabel, '', localeReference);
             return {
                 text: name,
                 name,
@@ -132,10 +132,10 @@ export default function AppShell(props) {
     }
     if (portalTemplate === 'wss') {
         return (React.createElement("div", { id: 'AppShell' },
-            React.createElement(WssNavBar, { portalName: portalName, imageSrc: iconURL, fullImageSrc: fullIconURL, appName: localeUtils.getLocaleValue(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), appInfo: {
+            React.createElement(WssNavBar, { portalName: portalName, imageSrc: iconURL, fullImageSrc: fullIconURL, appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), appInfo: {
                     imageSrc: iconURL,
-                    appName: localeUtils.getLocaleValue(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()),
-                    onClick: links[0] && links[0].onClick ? links[0].onClick : undefined
+                    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 }),
@@ -143,19 +143,7 @@ export default function AppShell(props) {
     }
     return (React.createElement(NavContext.Provider, { value: { open, setOpen } },
         React.createElement("div", { id: 'AppShell', className: classes.root },
-            React.createElement(NavBar, { pConn: getPConnect(), appName: appNameToDisplay, pages: pages, caseTypes: caseTypes }),
+            React.createElement(NavBar, { getPConnect: getPConnect, pConn: getPConnect(), appName: localizedVal(appNameToDisplay, '', `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()), pages: pages, caseTypes: caseTypes }),
             React.createElement("div", { className: classes.content }, children))));
 }
-AppShell.defaultProps = {
-    pages: [],
-    caseTypes: [],
-    children: []
-};
-AppShell.propTypes = {
-    showAppName: PropTypes.bool /* .isRequired */,
-    pages: PropTypes.arrayOf(PropTypes.object),
-    caseTypes: PropTypes.arrayOf(PropTypes.object),
-    children: PropTypes.arrayOf(PropTypes.node),
-    getPConnect: PropTypes.func.isRequired
-};
 //# 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 React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Utils } from '../../helpers/utils';\nimport Avatar from '@material-ui/core/Avatar';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport './AppShell.css';\n\n// AppShell can emit NavBar or WssNavBar\nimport NavBar from '../../infra/NavBar';\nimport WssNavBar from '../../template/WssNavBar';\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\ndeclare const PCore;\n\n\nexport default function AppShell(props) {\n  const {\n    pages,\n    caseTypes,\n    showAppName,\n    children,\n    getPConnect,\n    portalTemplate,\n    portalName,\n    portalLogo,\n    navDisplayOptions\n  } = props;\n  const [open, setOpen] = useState(true);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, 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');\n  const envPortalName = envInfo.getPortalName();\n  const localeUtils = PCore.getLocaleUtils();\n  const classes = useStyles();\n  const actionsAPI = pConn.getActionsApi();\n  const localeReference = pConn.getValue('.pyLocaleReference');\n  const [imageBlobUrl, setImageBlobUrl] = useState(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, no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap = pConn.getChildren().map((child, 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  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(PCore.getAssetLoader().getStaticServerUrl()).concat(\n        'pzpega-logo-mark.svg'\n      );\n      setIconURL(portalLogoImage);\n      setFullIconURL(`${PCore.getAssetLoader().getStaticServerUrl()}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(\n            `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`\n          );\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 = localeUtils.getLocaleValue(page.pyLabel, '', localeReference);\n        return {\n          text: name,\n          name,\n          icon: page.pxPageViewIcon.replace('pi pi-', ''),\n          active: page.pyRuleName === activeTab,\n          onClick: () =>\n            !page.pyURLContent || page.pyURLContent === ''\n              ? showPage(page.pyRuleName, page.pyClassName)\n              : 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={localeUtils.getLocaleValue(\n            appNameToDisplay,\n            '',\n            `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n          )}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localeUtils.getLocaleValue(\n              appNameToDisplay,\n              '',\n              `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n            ),\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}>{children}</div>\n      </div>\n\n    );\n  }\n\n  return (\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root}>\n        <NavBar\n          pConn={getPConnect()}\n          appName={appNameToDisplay}\n          pages={pages}\n          caseTypes={caseTypes}\n        ></NavBar>\n        <div className={classes.content}>{children}</div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n\nAppShell.defaultProps = {\n  pages: [],\n  caseTypes: [],\n  children: []\n};\nAppShell.propTypes = {\n  showAppName: PropTypes.bool /* .isRequired */,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  caseTypes: PropTypes.arrayOf(PropTypes.object),\n  children: PropTypes.arrayOf(PropTypes.node),\n  getPConnect: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/template/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Utils } from '../../helpers/utils';\nimport Avatar from '@material-ui/core/Avatar';\nimport { NavContext } from '../../helpers/reactContextHelpers';\nimport './AppShell.css';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface AppShellProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showAppName: boolean,\n  pages: Array<{\n    pxPageViewIcon: string,\n    pyClassName: string,\n    pyLabel: string,\n    pyRuleName: string,\n    pyURLContent: string,\n\n  }>,\n  caseTypes?:Array<object>,\n  children?: Array<any>,\n  portalTemplate: string,\n  portalName: string,\n  portalLogo : string,\n  navDisplayOptions: { alignment: string, position: string }\n}\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\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 1 error)\ndeclare const PCore: any;\n\n\nexport default function AppShell(props: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\n  const {\n    pages = [],\n    caseTypes = [],\n    showAppName,\n    children = [],\n    getPConnect,\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, 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(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, no-unused-vars\n  const [appName, setAppName] = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const [mapChildren, setMapChildren] = useState([]);\n\n  // Initial setting of appName and mapChildren\n  useEffect(() => {\n    setAppName(PCore.getEnvironmentInfo().getApplicationName());\n\n    const tempMap: any = pConn.getChildren()?.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  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(\n        'pzpega-logo-mark.svg'\n      );\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(\n            `${localizedVal('Unable to load the image for the portal logo/icon with the insName', 'AppShell')}:${portalLogo}`\n          );\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: () =>\n            !page.pyURLContent || page.pyURLContent === ''\n              ? showPage(page.pyRuleName, page.pyClassName)\n              : 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(\n            appNameToDisplay,\n            '',\n            `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n          )}\n          appInfo={{\n            imageSrc: iconURL,\n            appName: localizedVal(\n              appNameToDisplay,\n              '',\n              `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n            ),\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}>{children}</div>\n      </div>\n\n    );\n  }\n\n  return (\n    <NavContext.Provider value={{ open, setOpen }}>\n      <div id='AppShell' className={classes.root}>\n        <NavBar\n          getPConnect={getPConnect}\n          pConn={getPConnect()}\n          appName={localizedVal(\n            appNameToDisplay,\n            '',\n            `${portalClass}!PORTAL!${envPortalName}`.toUpperCase()\n          )}\n          pages={pages}\n          caseTypes={caseTypes}\n        ></NavBar>\n        <div className={classes.content}>{children}</div>\n      </div>\n    </NavContext.Provider>\n  );\n}\n"]}

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

@@ -1,26 +1,14 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function BannerPage(props: any): JSX.Element;
-declare namespace BannerPage {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        layout: PropTypes.Requireable<string>;
-        heading: PropTypes.Requireable<string>;
-        message: PropTypes.Requireable<string>;
-        imageTheme: PropTypes.Requireable<string>;
-        backgroundImage: PropTypes.Requireable<string>;
-        backgroundColor: PropTypes.Requireable<string>;
-        tintImage: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        layout: string;
-        heading: string;
-        message: string;
-        imageTheme: string;
-        backgroundImage: string;
-        backgroundColor: string;
-        tintImage: boolean;
-    };
+interface BannerPageProps {
+    children: Array<any>;
+    layout?: string;
+    heading?: string;
+    message?: string;
+    imageTheme?: string;
+    backgroundImage?: string;
+    backgroundColor?: string;
+    tintImage?: boolean;
 }
-export default BannerPage;
+export default function BannerPage(props: BannerPageProps): JSX.Element;
+export {};
 //# sourceMappingURL=BannerPage.d.ts.map

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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,iBAAwB,UAAU,CAAC,KAAK,KAAA,eA+BvC;kBA/BuB,UAAU;;;;;;;;;;;;;;;;;;;;;eAAV,UAAU"}
+{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AAMA,UAAU,eAAe;IAEvB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,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,CAAA;CACpB;AAKD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAkCxD"}

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

@@ -1,12 +1,13 @@
 import { useMemo, Children } from 'react';
-import PropTypes from 'prop-types';
-import Banner from '../../designSystemExtension/Banner';
 import React from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 /*
  * BannerPage template.
  */
 export default function BannerPage(props) {
-    const { children, layout, heading, message, imageTheme, backgroundImage, backgroundColor, tintImage } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const Banner = getComponentFromMap('Banner');
+    const { children, layout = 'two-column', heading = '', message = '', imageTheme = 'light', backgroundImage = '', backgroundColor = '', tintImage = false } = props;
     const childArray = useMemo(() => {
         return Children.toArray(children);
     }, [children]);
@@ -19,23 +20,4 @@ export default function BannerPage(props) {
             tintImage
         } }));
 }
-BannerPage.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    layout: PropTypes.string,
-    heading: PropTypes.string,
-    message: PropTypes.string,
-    imageTheme: PropTypes.string,
-    backgroundImage: PropTypes.string,
-    backgroundColor: PropTypes.string,
-    tintImage: PropTypes.bool
-};
-BannerPage.defaultProps = {
-    layout: 'two-column',
-    heading: '',
-    message: '',
-    imageTheme: 'light',
-    backgroundImage: '',
-    backgroundColor: '',
-    tintImage: false
-};
 //# sourceMappingURL=BannerPage.js.map

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,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,oCAAoC,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,EACf,eAAe,EACf,SAAS,EACV,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,oBAAC,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;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,OAAO;IACnB,eAAe,EAAE,EAAE;IACnB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,KAAK;CACjB,CAAC","sourcesContent":["import { useMemo, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport Banner from '../../designSystemExtension/Banner';\nimport React from 'react';\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props) {\n  const {\n    children,\n    layout,\n    heading,\n    message,\n    imageTheme,\n    backgroundImage,\n    backgroundColor,\n    tintImage\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\nBannerPage.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  layout: PropTypes.string,\n  heading: PropTypes.string,\n  message: PropTypes.string,\n  imageTheme: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  tintImage: PropTypes.bool\n};\n\nBannerPage.defaultProps = {\n  layout: 'two-column',\n  heading: '',\n  message: '',\n  imageTheme: 'light',\n  backgroundImage: '',\n  backgroundColor: '',\n  tintImage: false\n};\n"]}
+{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAgBhF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,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,oBAAC,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 { useMemo, Children } from 'react';\nimport React from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\n// BannerPage does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface BannerPageProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\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: 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,10 +1,8 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseSummary(props: any): JSX.Element;
-declare namespace CaseSummary {
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface CaseSummaryProps extends PConnProps {
+    children: Array<any>;
 }
-export default CaseSummary;
+export default function CaseSummary(props: CaseSummaryProps): JSX.Element;
+export {};
 //# sourceMappingURL=CaseSummary.d.ts.map

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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAwCxC;kBAxCuB,WAAW;;;;;eAAX,WAAW"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA6C1D"}

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

@@ -1,11 +1,14 @@
 import React from "react";
-import PropTypes from "prop-types";
-import CaseSummaryFields from '../../designSystemExtension/CaseSummaryFields';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 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, showStatus } = theConfigProps;
+    const status = theConfigProps["status"];
+    const showStatus = theConfigProps["showStatus"];
     // 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;
@@ -34,7 +37,4 @@ export default function CaseSummary(props) {
         React.createElement(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }),
         React.createElement(CaseSummaryFields, { theFields: arSecondaryFields })));
 }
-CaseSummary.propTypes = {
-    getPConnect: PropTypes.func.isRequired
-};
 //# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,MAAM,+CAA+C,CAAC;AAE9E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;IAE9C,mCAAmC;IACnC,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAc,EAAE,CAAC;IACpC,IAAI,iBAAiB,GAAc,EAAE,CAAC;IAEtC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa;QACnB,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI;QACzF,oBAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAC/C,CACP,CAAA;AACH,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport CaseSummaryFields from '../../designSystemExtension/CaseSummaryFields';\n\nexport default function CaseSummary(props) {\n  const { getPConnect, children } = props;\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const { status, showStatus } = theConfigProps;\n\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:Array<any> = [];\n  let arSecondaryFields:Array<any> = [];\n\n  for (const child of children) {\n    const childPConn = child.props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === \"primary fields\") {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === \"secondary fields\") {\n      arSecondaryFields = childPConnData.children;\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\nCaseSummary.propTypes = {\n  getPConnect: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,8EAA8E;IAC9E,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAEnE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,iDAAiD;IACjD,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IAEhD,mCAAmC;IACnC,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAc,EAAE,CAAC;IACpC,IAAI,iBAAiB,GAAc,EAAE,CAAC;IAEtC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa;QACnB,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI;QACzF,oBAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAC/C,CACP,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nexport default function CaseSummary(props: 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  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  // const { status, showStatus } = theConfigProps;\n  const status = theConfigProps[\"status\"];\n  const showStatus = theConfigProps[\"showStatus\"];\n\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:Array<any> = [];\n  let arSecondaryFields:Array<any> = [];\n\n  for (const child of children) {\n    const childPConn = child.props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === \"primary fields\") {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === \"secondary fields\") {\n      arSecondaryFields = childPConnData.children;\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"]}

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

@@ -1,25 +1,13 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseView(props: any): JSX.Element;
-declare namespace CaseView {
-    var defaultProps: {
-        icon: string;
-        children: never[];
-        caseInfo: {};
-        showIconInHeader: boolean;
-        getPConnect: null;
-    };
-    var propTypes: {
-        icon: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        subheader: PropTypes.Validator<string>;
-        header: PropTypes.Validator<string>;
-        showIconInHeader: PropTypes.Requireable<boolean>;
-        caseInfo: PropTypes.Requireable<{
-            [x: string]: any;
-        }>;
-        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface CaseViewProps extends PConnProps {
+    icon: string;
+    children: Array<any>;
+    subheader: string;
+    header: string;
+    showIconInHeader: boolean;
+    caseInfo: any;
 }
-export default CaseView;
+export default function CaseView(props: CaseViewProps): JSX.Element;
+export {};
 //# sourceMappingURL=CaseView.d.ts.map

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":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AA2CnC,iBAAwB,QAAQ,CAAC,KAAK,KAAA,eAiMrC;kBAjMuB,QAAQ;;;;;;;;;;;;;;;;;;;;eAAR,QAAQ"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AAkCD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eA6OpD"}

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

@@ -1,17 +1,14 @@
 /* eslint-disable react/jsx-boolean-value */
-import React, { useState, useEffect, useContext } from "react";
-import PropTypes from "prop-types";
+import React, { useState, useEffect, useContext } from 'react';
 import { Utils } from '../../helpers/utils';
-import { Card, CardHeader, Avatar, Typography, Divider } from "@material-ui/core";
+import { Card, CardHeader, Avatar, Typography, Divider } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Grid from '@material-ui/core/Grid';
-import StoreContext from "../../../bridge/Context/StoreContext";
-import CaseViewActionsMenu from "../CaseViewActionsMenu";
-import VerticalTabs from '../../infra/VerticalTabs/VerticalTabs';
-import DeferLoad from '../../infra/DeferLoad';
-const useStyles = makeStyles((theme) => ({
+import StoreContext from '../../../bridge/Context/StoreContext';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -20,51 +17,64 @@ const useStyles = makeStyles((theme) => ({
         marginRight: theme.spacing(1),
         marginLeft: theme.spacing(1),
         marginTop: theme.spacing(1),
-        marginBottom: theme.spacing(1),
+        marginBottom: theme.spacing(1)
     },
     caseViewHeader: {
         backgroundColor: theme.palette.info.light,
         color: theme.palette.getContrastText(theme.palette.info.light),
-        borderRadius: "inherit",
+        borderRadius: 'inherit'
     },
     caseViewIconBox: {
         backgroundColor: theme.palette.info.dark,
         width: theme.spacing(8),
         height: theme.spacing(8),
-        padding: theme.spacing(1),
+        padding: theme.spacing(1)
     },
     caseViewIconImage: {
         filter: 'invert(100%)'
     }
 }));
 export default function CaseView(props) {
-    const { getPConnect, icon, header, subheader, children, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments } } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const CaseViewActionsMenu = getComponentFromMap("CaseViewActionsMenu");
+    const VerticalTabs = getComponentFromMap("VerticalTabs");
+    const DeferLoad = getComponentFromMap("DeferLoad");
+    const { getPConnect, icon = '', header, subheader, children = [], 
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    showIconInHeader = true, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' } } = props;
     const currentCaseID = props.caseInfo.ID;
     let isComponentMounted = true;
     const { displayOnlyFA } = useContext(StoreContext);
     const thePConn = getPConnect();
     const classes = useStyles();
-    const editAction = availableActions.find((action) => action.ID === 'pyUpdateCaseDetails');
+    const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    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();
-            if ((theMetadataType === "region") && (theMetadataName === inName)) {
+            const theMetadataType = child.props
+                .getPConnect()
+                .getRawMetadata()['type'].toLowerCase();
+            const theMetadataName = child.props
+                .getPConnect()
+                .getRawMetadata()['name'].toLowerCase();
+            if (theMetadataType === 'region' && theMetadataName === inName) {
                 return child;
             }
         }
         return null;
     }
-    const theSummaryRegion = getChildRegionByName("summary");
-    const theStagesRegion = getChildRegionByName("stages");
-    const theTodoRegion = getChildRegionByName("todo");
-    const theUtilitiesRegion = getChildRegionByName("utilities");
-    const theTabsRegion = getChildRegionByName("tabs");
-    const svgCase = Utils.getImageSrc(icon, PCore.getAssetLoader().getStaticServerUrl());
+    const theSummaryRegion = getChildRegionByName('summary');
+    const theStagesRegion = getChildRegionByName('stages');
+    const theTodoRegion = getChildRegionByName('todo');
+    const theUtilitiesRegion = getChildRegionByName('utilities');
+    const theTabsRegion = getChildRegionByName('tabs');
+    const svgCase = Utils.getImageSrc(icon, 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" };
@@ -127,9 +137,11 @@ export default function CaseView(props) {
         openLocalAction(editAction.ID, { ...editAction });
     }
     function getActionButtonsHtml() {
-        const aBHtml = React.createElement(Box, null,
-            editAction && (React.createElement(Button, { onClick: () => { _editClick(); } }, "Edit")),
-            React.createElement(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses }));
+        const aBHtml = (React.createElement(Box, null,
+            editAction && (React.createElement(Button, { onClick: () => {
+                    _editClick();
+                } }, localizedVal('Edit', localeCategory))),
+            React.createElement(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })));
         return aBHtml;
     }
     function getContainerContents() {
@@ -137,9 +149,9 @@ export default function CaseView(props) {
             // show full portal
             return (React.createElement(Grid, { container: true },
                 React.createElement(Grid, { item: true, xs: 3 },
-                    React.createElement("div", { hidden: true, id: "current-caseID" }, currentCaseID),
+                    React.createElement("div", { hidden: true, id: 'current-caseID' }, currentCaseID),
                     React.createElement(Card, { className: classes.root },
-                        React.createElement(CardHeader, { className: classes.caseViewHeader, title: React.createElement(Typography, { variant: "h6", component: "div" }, header), subheader: React.createElement(Typography, { variant: "body1", component: "div", id: "caseId" }, subheader), avatar: React.createElement(Avatar, { className: classes.caseViewIconBox, variant: "square" },
+                        React.createElement(CardHeader, { className: classes.caseViewHeader, title: React.createElement(Typography, { variant: 'h6', component: 'div' }, PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)), subheader: React.createElement(Typography, { variant: 'body1', component: 'div', id: 'caseId' }, subheader), avatar: React.createElement(Avatar, { className: classes.caseViewIconBox, variant: 'square' },
                                 React.createElement("img", { src: svgCase, className: classes.caseViewIconImage })) }),
                         getActionButtonsHtml(),
                         React.createElement(Divider, null),
@@ -149,7 +161,7 @@ export default function CaseView(props) {
                 React.createElement(Grid, { item: true, xs: 6 },
                     theStagesRegion,
                     theTodoRegion,
-                    deferLoadInfo.length > 0 && React.createElement(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true })),
+                    deferLoadInfo.length > 0 && (React.createElement(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true }))),
                 React.createElement(Grid, { item: true, xs: 3 }, theUtilitiesRegion)));
         }
         else {
@@ -158,22 +170,6 @@ export default function CaseView(props) {
                 React.createElement(Grid, { item: true, xs: 12 }, theTodoRegion)));
         }
     }
-    return (getContainerContents());
+    return getContainerContents();
 }
-CaseView.defaultProps = {
-    icon: "",
-    children: [],
-    caseInfo: {},
-    showIconInHeader: true,
-    getPConnect: null
-};
-CaseView.propTypes = {
-    icon: PropTypes.string,
-    children: PropTypes.arrayOf(PropTypes.node),
-    subheader: PropTypes.string.isRequired,
-    header: PropTypes.string.isRequired,
-    showIconInHeader: PropTypes.bool,
-    caseInfo: PropTypes.objectOf(PropTypes.any),
-    getPConnect: PropTypes.func
-};
 //# sourceMappingURL=CaseView.js.map