@pega/react-sdk-components 24.2.11 → 25.1.11

package/lib/components/infra/DeferLoad/DeferLoad.js

@@ -3,11 +3,10 @@ import { useState, useEffect, createElement } from 'react';
 import { Box, Card, CircularProgress } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import createPConnectComponent from '../../../bridge/react_pconnect';
-//
-// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
-// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
-// is totally at your own risk.
-//
+/**
+ * WARNING: This file is part of the infrastructure component responsible for working with Redux and managing the creation and update of Redux containers and PConnect.
+ * You may override Material components within this component if needed, but do not modify any container-related logic. Changing this logic can lead to unexpected behavior.
+ */
 const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
@@ -21,7 +20,7 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function DeferLoad(props) {
-    const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime } = props;
+    const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime, template } = props;
     const [content, setContent] = useState(null);
     const [isLoading, setLoading] = useState(true);
     const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');
@@ -48,12 +47,12 @@ export default function DeferLoad(props) {
     const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());
     const getViewOptions = () => ({
         viewContext: resourceType,
-        pageClass: loadViewCaseID ? '' : pConnect.getDataObject('').pyPortal.classID,
+        pageClass: loadViewCaseID ? '' : pConnect.getDataObject('').pyPortal.classID, // 2nd arg empty string until typedef allows optional
         container: isContainerPreview ? 'preview' : undefined,
         containerName: isContainerPreview ? 'preview' : undefined,
         updateData: isContainerPreview
     });
-    const onResponse = data => {
+    const onResponse = (data, isEditable = false) => {
         setLoading(false);
         if (deferLoadId) {
             PCore.getDeferLoadManager().start(name, getPConnect().getCaseInfo().getKey(), getPConnect().getPageReference().replace('caseInfo.content', ''), getPConnect().getContextName(), deferLoadId);
@@ -63,11 +62,16 @@ export default function DeferLoad(props) {
                 meta: data,
                 options: {
                     context: pConnect.getContextName(),
-                    pageReference: pConnect.getPageReference()
+                    pageReference: pConnect.getPageReference(),
+                    target: pConnect.getTarget(),
+                    hasForm: true,
+                    viewName: pConnect.viewName
                 }
             };
             const configObject = PCore.createPConnect(config);
-            configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
+            if (!isEditable) {
+                configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
+            }
             setContent(createElement(createPConnectComponent(), configObject));
             if (deferLoadId) {
                 PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());
@@ -84,7 +88,7 @@ export default function DeferLoad(props) {
                     .getActionsApi()
                     .showData(name, dataContext, dataContextParameters, {
                     skipSemanticUrl: true,
-                    // @ts-ignore
+                    // @ts-expect-error
                     isDeferLoaded: true
                 })
                     .then(data => {
@@ -92,7 +96,6 @@ export default function DeferLoad(props) {
                 });
             }
             else {
-                // eslint-disable-next-line no-console
                 console.error('Cannot load the defer loaded view without container information');
             }
         }
@@ -105,6 +108,17 @@ export default function DeferLoad(props) {
                 onResponse(data);
             });
         }
+        else if (template === 'HierarchicalForm') {
+            const root = {
+                config: {
+                    context: pConnect.getPageReference(),
+                    name,
+                    type: 'view'
+                },
+                type: 'reference'
+            };
+            onResponse(root, true);
+        }
         else {
             getPConnect()
                 .getActionsApi()
@@ -113,7 +127,6 @@ export default function DeferLoad(props) {
                 onResponse(data.root);
             })
                 .catch(error => {
-                // eslint-disable-next-line no-console
                 console.log(`deferload: ${error}`);
             });
         }

package/lib/components/infra/DeferLoad/DeferLoad.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface DeferLoadProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  isChildDeferLoad?: boolean;\n  isTab: boolean;\n  deferLoadId: string;\n  lastUpdateCaseTime: any;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props: DeferLoadProps) {\n  const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment) {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : (pConnect.getDataObject('') as any).pyPortal.classID, // 2nd arg empty string until typedef allows optional\n    container: isContainerPreview ? 'preview' : undefined,\n    containerName: isContainerPreview ? 'preview' : undefined,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            skipSemanticUrl: true,\n            // @ts-ignore\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional\n        .then((data: any) => {\n          onResponse(data.root);\n        })\n        .catch(error => {\n          // eslint-disable-next-line no-console\n          console.log(`deferload: ${error}`);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment, lastUpdateCaseTime]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>{content}</div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <>{content}</>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}
+{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface DeferLoadProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  isChildDeferLoad?: boolean;\n  isTab: boolean;\n  deferLoadId: string;\n  lastUpdateCaseTime: any;\n  template?: string;\n}\n\n/**\n * WARNING: This file is part of the infrastructure component responsible for working with Redux and managing the creation and update of Redux containers and PConnect.\n * You may override Material components within this component if needed, but do not modify any container-related logic. Changing this logic can lead to unexpected behavior.\n */\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  }\n}));\n\nexport default function DeferLoad(props: DeferLoadProps) {\n  const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime, template } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment) {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : (pConnect.getDataObject('') as any).pyPortal.classID, // 2nd arg empty string until typedef allows optional\n    container: isContainerPreview ? 'preview' : undefined,\n    containerName: isContainerPreview ? 'preview' : undefined,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = (data: any, isEditable = false) => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference(),\n          target: pConnect.getTarget(),\n          hasForm: true,\n          viewName: (pConnect as any).viewName\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      if (!isEditable) {\n        configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n      }\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            skipSemanticUrl: true,\n            // @ts-expect-error\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else if (template === 'HierarchicalForm') {\n      const root = {\n        config: {\n          context: pConnect.getPageReference(),\n          name,\n          type: 'view'\n        },\n        type: 'reference'\n      };\n      onResponse(root, true);\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional\n        .then((data: any) => {\n          onResponse(data.root);\n        })\n        .catch(error => {\n          console.log(`deferload: ${error}`);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment, lastUpdateCaseTime]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>{content}</div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <>{content}</>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}

package/lib/components/infra/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 interface ErrorBoundaryProps extends PConnProps {
     isInternalError?: boolean;
 }

package/lib/components/infra/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAsC9D"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAoC9D"}

package/lib/components/infra/ErrorBoundary/ErrorBoundary.js

@@ -13,7 +13,6 @@ export default function ErrorBoundary(props) {
     }
     const pConn = getPConnect();
     if (!isInternalError) {
-        // eslint-disable-next-line no-console
         console.error(`
   ${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}
   ${localizedVal('This might be due to the view metadata getting corrupted or the component file missing.', localeCategory)}
@@ -25,7 +24,6 @@ export default function ErrorBoundary(props) {
     }
     if (pConn.getContainerName() === WORK_AREA || pConn.isInsideList() === true || pConn.getContainerName() === 'modal') {
         const { publish } = PCore.getPubSubUtils();
-        // @ts-ignore - second parameter “payload” for publish method should be optional
         publish(ERROR_WHILE_RENDERING);
         return null;
     }

package/lib/components/infra/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,wBAAM,UAAU,GAAO,CAAC;IAE5C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,WAAW,CAAC;KACpB;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC;IACd,YAAY,CAAC,8BAA8B,EAAE,cAAc,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;IACxF,YAAY,CAAC,yFAAyF,EAAE,cAAc,CAAC;oCACvF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;CACzE,CAAC,CAAC;KACA;IAED,IAAK,KAAK,CAAC,cAAc,EAAU,CAAC,IAAI,KAAK,MAAM,EAAE;QACnD,OAAO,WAAW,CAAC;KACpB;IAED,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EAAE;QACnH,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,gFAAgF;QAChF,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import { PConnProps } from '../../../types/PConnProps';\n\ninterface ErrorBoundaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  isInternalError?: boolean;\n}\n\nexport default function ErrorBoundary(props: ErrorBoundaryProps) {\n  const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Messages';\n  const ERROR_TEXT = localizedVal(errorMsg, localeCategory);\n  const WORK_AREA = 'workarea';\n  const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';\n  const { getPConnect, isInternalError = false } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>;\n\n  if (!getPConnect) {\n    return theErrorDiv;\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    // eslint-disable-next-line no-console\n    console.error(`\n  ${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}\n  ${localizedVal('This might be due to the view metadata getting corrupted or the component file missing.', localeCategory)}\n  Raw metadata for the component: ${JSON.stringify(pConn.getRawMetadata())}\n`);\n  }\n\n  if ((pConn.getConfigProps() as any).type === 'page') {\n    return theErrorDiv;\n  }\n\n  if (pConn.getContainerName() === WORK_AREA || pConn.isInsideList() === true || pConn.getContainerName() === 'modal') {\n    const { publish } = PCore.getPubSubUtils();\n    // @ts-ignore - second parameter “payload” for publish method should be optional\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return theErrorDiv;\n}\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/infra/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,uBAAuB,EAAE,CAAC;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,eAAe,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,WAAW,GAAG,wBAAM,UAAU,GAAO,CAAC;IAE5C,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CAAC;IACd,YAAY,CAAC,8BAA8B,EAAE,cAAc,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE;IACxF,YAAY,CAAC,yFAAyF,EAAE,cAAc,CAAC;oCACvF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;CACzE,CAAC,CAAC;IACD,CAAC;IAED,IAAK,KAAK,CAAC,cAAc,EAAU,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACpD,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,IAAI,IAAI,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO,EAAE,CAAC;QACpH,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import type { PConnProps } from '../../../types/PConnProps';\n\ninterface ErrorBoundaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  isInternalError?: boolean;\n}\n\nexport default function ErrorBoundary(props: ErrorBoundaryProps) {\n  const errorMsg = PCore.getErrorHandler().getGenericFailedMessage();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Messages';\n  const ERROR_TEXT = localizedVal(errorMsg, localeCategory);\n  const WORK_AREA = 'workarea';\n  const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';\n  const { getPConnect, isInternalError = false } = props;\n\n  const theErrorDiv = <div>{ERROR_TEXT}</div>;\n\n  if (!getPConnect) {\n    return theErrorDiv;\n  }\n\n  const pConn = getPConnect();\n\n  if (!isInternalError) {\n    console.error(`\n  ${localizedVal('Unable to load the component', localeCategory)} ${pConn.getComponentName()}\n  ${localizedVal('This might be due to the view metadata getting corrupted or the component file missing.', localeCategory)}\n  Raw metadata for the component: ${JSON.stringify(pConn.getRawMetadata())}\n`);\n  }\n\n  if ((pConn.getConfigProps() as any).type === 'page') {\n    return theErrorDiv;\n  }\n\n  if (pConn.getContainerName() === WORK_AREA || pConn.isInsideList() === true || pConn.getContainerName() === 'modal') {\n    const { publish } = PCore.getPubSubUtils();\n    publish(ERROR_WHILE_RENDERING);\n    return null;\n  }\n\n  return theErrorDiv;\n}\n"]}

package/lib/components/infra/MultiStep/MultiStep.css

@@ -17,7 +17,7 @@
 
 .psdk-current-svg-icon {
   width: 1rem;
-  filter: var(--app-primary-color-filter);
+  filter: var(--svg-color);
 }
 
 .psdk-not-current-svg-icon {
@@ -40,7 +40,7 @@ mat-horizontal-stepper {
 
 .psdk-sub-step-not-current {
   padding-left: 0.625rem;
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--step-label-color);
 }
 
 .psdk-flow-container-top {
@@ -79,36 +79,37 @@ mat-horizontal-stepper {
 
 .psdk-vertical-step-icon {
   margin-right: 12px;
-  background-color: var(--app-neutral-color);
-  color: #fff;
   border-radius: 50%;
   height: 24px;
   width: 24px;
-  flex-shrink: 0;
   position: relative;
 }
 
+.success .psdk-vertical-step-icon {
+  background-color: var(--stepper-completed-bg-color);
+  color: var(--app-text-color);
+}
+
+.future .psdk-vertical-step-icon {
+  color: var(--app-neutral-color);
+  border: 1px solid var(--app-neutral-color);
+}
+
+.current .psdk-vertical-step-icon {
+  background-color: var(--app-primary-color);
+  color: var(--app-text-color);
+  flex-shrink: 0;
+}
+
 .psdk-vertical-step-icon-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: #fff;
-}
-
-.psdk-vertical-step-icon-selected {
-  margin-right: 12px;
-  background-color: var(--app-primary-color);
-  color: #fff;
-  border-radius: 50%;
-  height: 24px;
-  width: 24px;
-  flex-shrink: 0;
-  position: relative;
 }
 
 .psdk-vertical-step-label {
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--step-label-color);
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
@@ -119,16 +120,8 @@ mat-horizontal-stepper {
   font-weight: 500;
 }
 
-.psdk-vertical-step-label-selected {
-  color: rgba(0, 0, 0, 0.87);
-  display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 50px;
-  vertical-align: middle;
-  font-size: 14px;
-  font-weight: 500;
+.current .psdk-vertical-step-label {
+  color: var(--text-primary-color);
 }
 
 .psdk-vertical-step-body {
@@ -150,7 +143,7 @@ mat-horizontal-stepper {
   border-left-style: solid;
   top: -16px;
   bottom: -16px;
-  border-left-color: rgba(0, 0, 0, 0.12);
+  border-left-color: var(--app-neutral-color);
 }
 
 .psdk-horizontal-stepper {
@@ -162,33 +155,39 @@ mat-horizontal-stepper {
   white-space: nowrap;
   display: flex;
   align-items: center;
-  text-align: left;
 }
 
 .psdk-horizontal-step-header {
-  overflow: hidden;
   outline: none;
   cursor: pointer;
   position: relative;
   box-sizing: content-box;
   display: flex;
   height: 72px;
-  overflow: hidden;
   align-items: center;
-  padding: 0 24px;
 }
 
 .psdk-horizontal-step-icon {
-  background-color: var(--app-neutral-color);
-  color: #fff;
+  color: white;
   border-radius: 50%;
   height: 24px;
   width: 24px;
-  flex-shrink: 0;
   position: relative;
-  display: block;
-  margin-right: 8px;
-  flex: none;
+}
+
+.future .psdk-horizontal-step-icon {
+  color: var(--app-neutral-color);
+  border: 1px solid var(--app-neutral-color);
+}
+
+.current .psdk-horizontal-step-icon {
+  color: var(--app-text-color);
+  background-color: var(--app-primary-color);
+}
+
+.success .psdk-horizontal-step-icon {
+  color: var(--app-text-color);
+  background-color: var(--stepper-completed-bg-color);
 }
 
 .psdk-horizontal-step-icon-content {
@@ -199,45 +198,24 @@ mat-horizontal-stepper {
   transform: translate(-50%, -50%);
 }
 
-.psdk-horizontal-step-icon-selected {
-  background-color: var(--app-primary-color);
-  color: #fff;
-  border-radius: 50%;
-  height: 24px;
-  width: 24px;
-  flex-shrink: 0;
-  position: relative;
-  display: block;
-  margin-right: 8px;
-  flex: none;
-}
-
 .psdk-horizontal-step-label {
-  color: rgba(0, 0, 0, 0.54);
-  display: inline-block;
-  min-width: 50px;
-  vertical-align: middle;
+  color: var(--text-secondary-color);
   font-size: 14px;
   font-weight: 500;
   white-space: initial;
 }
 
-.psdk-horizontal-step-label-selected {
-  color: rgba(0, 0, 0, 0.87);
-  display: inline-block;
-  min-width: 50px;
-  vertical-align: middle;
-  font-size: 14px;
-  font-weight: 500;
-  white-space: initial;
+.current .psdk-horizontal-step-label {
+  color: var(--text-primary-color);
+  margin-left: 8px;
 }
 
-.psdk-horizontal-step-line {
-  border-top-color: rgba(0, 0, 0, 0.12);
-  border-top-width: 1px;
-  border-top-style: solid;
+.flex-auto {
   flex: auto;
-  height: 0;
-  margin: 0 -16px;
+}
+
+.psdk-horizontal-step-line {
+  border-top: 1px solid var(--app-neutral-color);
   min-width: 32px;
+  margin: 0px 8px;
 }

package/lib/components/infra/MultiStep/MultiStep.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 './MultiStep.css';
 interface MultiStepProps extends PConnProps {
     itemKey: string;

package/lib/components/infra/MultiStep/MultiStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,GAAG,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CA+KzE"}
+{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,GAAG,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CAqJzE"}

package/lib/components/infra/MultiStep/MultiStep.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import React, {} from 'react';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './MultiStep.css';
 export default function MultiStep(props) {
@@ -12,53 +12,35 @@ export default function MultiStep(props) {
         const lastActiveStepIndex = arNavigationSteps.findLastIndex(({ visited_status: vs }) => vs === 'success');
         currentStep = arNavigationSteps[lastActiveStepIndex >= 0 ? lastActiveStepIndex : 0];
     }
-    // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
-    // const svgNotCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
-    function _getVIconClass(status) {
-        if (status === 'current') {
-            return 'psdk-vertical-step-icon-selected';
-        }
-        return 'psdk-vertical-step-icon';
-    }
-    function _getVLabelClass(status) {
-        if (status === 'current') {
-            return 'psdk-vertical-step-label-selected';
-        }
-        return 'psdk-vertical-step-label';
-    }
     function _getVBodyClass(index) {
-        if (index < arNavigationSteps.length - 1) {
-            return 'psdk-vertical-step-body psdk-vertical-step-line';
-        }
-        return 'psdk-vertical-step-body';
-    }
-    function _getHIconClass(step) {
-        if (step.ID === currentStep?.ID) {
-            return 'psdk-horizontal-step-icon-selected';
-        }
-        return 'psdk-horizontal-step-icon';
-    }
-    function _getHLabelClass(step) {
-        if (step.ID === currentStep?.ID) {
-            return 'psdk-horizontal-step-label-selected';
-        }
-        return 'psdk-horizontal-step-label';
-    }
-    function _showHLine(index) {
-        return index < arNavigationSteps.length - 1;
+        const baseClass = 'psdk-vertical-step-body';
+        const isNotLastStep = index < arNavigationSteps.length - 1;
+        return isNotLastStep ? `${baseClass} psdk-vertical-step-line` : baseClass;
+    }
+    function _getAutoFlexClass(currentStep) {
+        const currentStepIndex = arNavigationSteps.findIndex(step => step.ID === currentStep?.ID);
+        const totalSteps = arNavigationSteps.length;
+        const lastStep = arNavigationSteps[totalSteps - 1];
+        // Apply flex-auto class if current step is active OR if current step is second-to-last and the last step is active
+        const isCurrentStepActive = currentStep.visited_status === 'current';
+        const isSecondToLastWithActiveLastStep = currentStepIndex === totalSteps - 2 && lastStep?.visited_status === 'current';
+        return isCurrentStepActive || isSecondToLastWithActiveLastStep ? 'flex-auto' : '';
+    }
+    function isLastStep(index) {
+        return index === arNavigationSteps.length - 1;
     }
     function buttonPress(sAction, sButtonType) {
         onButtonPress(sAction, sButtonType);
     }
     return (_jsx("div", { children: bIsVertical ? (_jsx("div", { className: 'psdk-vertical-stepper', children: arNavigationSteps.map((mainStep, index) => {
-                return (_jsx(React.Fragment, { children: _jsxs("div", { className: 'psdk-vertical-step', children: [_jsxs("div", { className: 'psdk-vertical-step-header', children: [_jsx("div", { className: _getVIconClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-vertical-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getVLabelClass(mainStep.visited_status), children: mainStep.name })] }), _jsxs("div", { className: _getVBodyClass(index), children: [mainStep?.steps && (_jsx("ul", { style: {
+                return (_jsx(React.Fragment, { children: _jsxs("div", { className: 'psdk-vertical-step', children: [_jsxs("div", { className: `psdk-vertical-step-header ${mainStep.visited_status}`, children: [_jsx("div", { className: `psdk-vertical-step-icon`, children: _jsx("div", { className: 'psdk-vertical-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: 'psdk-vertical-step-label', children: mainStep.visited_status === 'current' && mainStep.name })] }), _jsxs("div", { className: _getVBodyClass(index), children: [mainStep?.steps && (_jsx("ul", { style: {
                                             paddingInlineStart: '0rem',
                                             marginLeft: '-7px'
                                         }, children: mainStep.steps.forEach(subStep => {
                                             _jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx("div", { children: _jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }) }))] });
-                                        }) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] })] }) }, mainStep.actionID));
+                                        }) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx("div", { style: { paddingLeft: 20 }, children: _jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }) }))] })] }) }, mainStep.actionID));
             }) })) : (_jsxs("div", { className: 'psdk-horizontal-stepper', children: [_jsx("div", { className: 'psdk-horizontal-stepper-header-container', children: arNavigationSteps.map((mainStep, index) => {
-                        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'psdk-horizontal-step-header', children: [_jsx("div", { className: _getHIconClass(mainStep), children: _jsx("div", { className: 'psdk-horizontal-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getHLabelClass(mainStep), children: _jsx("div", { className: 'psdk-horizontal-step-text-label', id: 'selected-label', children: mainStep.name }) })] }), _showHLine(index) && _jsx("div", { className: 'psdk-horizontal-step-line' })] }, mainStep.actionID));
+                        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: `psdk-horizontal-step-header ${mainStep.visited_status}`, children: [_jsx("div", { className: 'psdk-horizontal-step-icon', children: _jsx("div", { className: 'psdk-horizontal-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: 'psdk-horizontal-step-label', children: mainStep.visited_status === 'current' && mainStep.name })] }), !isLastStep(index) && _jsx("div", { className: `psdk-horizontal-step-line ${_getAutoFlexClass(mainStep)}` })] }, mainStep.actionID));
                     }) }), arNavigationSteps.map(mainStep => {
                     return (_jsxs(React.Fragment, { children: [mainStep.steps && (_jsx("ul", { style: { paddingInlineStart: '0rem', marginLeft: '35px' }, children: mainStep.steps.map(subStep => (_jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }))) })), !mainStep?.steps && mainStep.ID === currentStep?.ID && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }, mainStep.actionID));
                 })] })) }));

package/lib/components/infra/MultiStep/MultiStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './MultiStep.css';\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  actionButtons: any[];\n  onButtonPress: any;\n  bIsVertical: boolean;\n  arNavigationSteps: any;\n}\n\nexport default function MultiStep(props: PropsWithChildren<MultiStepProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n\n  const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;\n  const { bIsVertical, arNavigationSteps } = props;\n\n  let currentStep = arNavigationSteps.find(({ visited_status: vs }) => vs === 'current');\n  if (!currentStep) {\n    const lastActiveStepIndex = arNavigationSteps.findLastIndex(({ visited_status: vs }) => vs === 'success');\n    currentStep = arNavigationSteps[lastActiveStepIndex >= 0 ? lastActiveStepIndex : 0];\n  }\n\n  // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n  // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n  function _getVIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-icon-selected';\n    }\n\n    return 'psdk-vertical-step-icon';\n  }\n\n  function _getVLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-label-selected';\n    }\n\n    return 'psdk-vertical-step-label';\n  }\n\n  function _getVBodyClass(index: number): string {\n    if (index < arNavigationSteps.length - 1) {\n      return 'psdk-vertical-step-body psdk-vertical-step-line';\n    }\n\n    return 'psdk-vertical-step-body';\n  }\n\n  function _getHIconClass(step): string {\n    if (step.ID === currentStep?.ID) {\n      return 'psdk-horizontal-step-icon-selected';\n    }\n\n    return 'psdk-horizontal-step-icon';\n  }\n\n  function _getHLabelClass(step): string {\n    if (step.ID === currentStep?.ID) {\n      return 'psdk-horizontal-step-label-selected';\n    }\n\n    return 'psdk-horizontal-step-label';\n  }\n\n  function _showHLine(index: number): boolean {\n    return index < arNavigationSteps.length - 1;\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <div>\n      {bIsVertical ? (\n        <div className='psdk-vertical-stepper'>\n          {arNavigationSteps.map((mainStep, index) => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                <div className='psdk-vertical-step'>\n                  <div className='psdk-vertical-step-header'>\n                    <div className={_getVIconClass(mainStep.visited_status)}>\n                      <div className='psdk-vertical-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getVLabelClass(mainStep.visited_status)}>{mainStep.name}</div>\n                  </div>\n                  <div className={_getVBodyClass(index)}>\n                    {mainStep?.steps && (\n                      <ul\n                        style={{\n                          paddingInlineStart: '0rem',\n                          marginLeft: '-7px'\n                        }}\n                      >\n                        {mainStep.steps.forEach(subStep => {\n                          <li className='psdk-sub-step-list'>\n                            <div style={{ display: 'inline-flex' }}>\n                              {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                              {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                              {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                              {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                            </div>\n                            {subStep.visited_status === 'current' && (\n                              <div>\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                                  {children}\n                                </AssignmentCard>\n                              </div>\n                            )}\n                          </li>;\n                        })}\n                      </ul>\n                    )}\n                    {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                      <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                        {children}\n                      </AssignmentCard>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </div>\n      ) : (\n        <div className='psdk-horizontal-stepper'>\n          <div className='psdk-horizontal-stepper-header-container'>\n            {arNavigationSteps.map((mainStep, index) => {\n              return (\n                <React.Fragment key={mainStep.actionID}>\n                  <div className='psdk-horizontal-step-header'>\n                    <div className={_getHIconClass(mainStep)}>\n                      <div className='psdk-horizontal-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getHLabelClass(mainStep)}>\n                      <div className='psdk-horizontal-step-text-label' id='selected-label'>\n                        {mainStep.name}\n                      </div>\n                    </div>\n                  </div>\n                  {_showHLine(index) && <div className='psdk-horizontal-step-line' />}\n                </React.Fragment>\n              );\n            })}\n          </div>\n          {arNavigationSteps.map(mainStep => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                {mainStep.steps && (\n                  <ul style={{ paddingInlineStart: '0rem', marginLeft: '35px' }}>\n                    {mainStep.steps.map(subStep => (\n                      <li className='psdk-sub-step-list'>\n                        <div style={{ display: 'inline-flex' }}>\n                          {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                          {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                          {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                          {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                        </div>\n                        {subStep.visited_status === 'current' && (\n                          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                            {children}\n                          </AssignmentCard>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {!mainStep?.steps && mainStep.ID === currentStep?.ID && (\n                  <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                    {children}\n                  </AssignmentCard>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type PropsWithChildren } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnProps } from '../../../types/PConnProps';\n\nimport './MultiStep.css';\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  actionButtons: any[];\n  onButtonPress: any;\n  bIsVertical: boolean;\n  arNavigationSteps: any;\n}\n\nexport default function MultiStep(props: PropsWithChildren<MultiStepProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n\n  const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;\n  const { bIsVertical, arNavigationSteps } = props;\n\n  let currentStep = arNavigationSteps.find(({ visited_status: vs }) => vs === 'current');\n  if (!currentStep) {\n    const lastActiveStepIndex = arNavigationSteps.findLastIndex(({ visited_status: vs }) => vs === 'success');\n    currentStep = arNavigationSteps[lastActiveStepIndex >= 0 ? lastActiveStepIndex : 0];\n  }\n\n  function _getVBodyClass(index: number): string {\n    const baseClass = 'psdk-vertical-step-body';\n    const isNotLastStep = index < arNavigationSteps.length - 1;\n\n    return isNotLastStep ? `${baseClass} psdk-vertical-step-line` : baseClass;\n  }\n\n  function _getAutoFlexClass(currentStep): string {\n    const currentStepIndex = arNavigationSteps.findIndex(step => step.ID === currentStep?.ID);\n    const totalSteps = arNavigationSteps.length;\n    const lastStep = arNavigationSteps[totalSteps - 1];\n\n    // Apply flex-auto class if current step is active OR if current step is second-to-last and the last step is active\n    const isCurrentStepActive = currentStep.visited_status === 'current';\n    const isSecondToLastWithActiveLastStep = currentStepIndex === totalSteps - 2 && lastStep?.visited_status === 'current';\n\n    return isCurrentStepActive || isSecondToLastWithActiveLastStep ? 'flex-auto' : '';\n  }\n\n  function isLastStep(index: number): boolean {\n    return index === arNavigationSteps.length - 1;\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <div>\n      {bIsVertical ? (\n        <div className='psdk-vertical-stepper'>\n          {arNavigationSteps.map((mainStep, index) => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                <div className='psdk-vertical-step'>\n                  <div className={`psdk-vertical-step-header ${mainStep.visited_status}`}>\n                    <div className={`psdk-vertical-step-icon`}>\n                      <div className='psdk-vertical-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className='psdk-vertical-step-label'>{mainStep.visited_status === 'current' && mainStep.name}</div>\n                  </div>\n                  <div className={_getVBodyClass(index)}>\n                    {mainStep?.steps && (\n                      <ul\n                        style={{\n                          paddingInlineStart: '0rem',\n                          marginLeft: '-7px'\n                        }}\n                      >\n                        {mainStep.steps.forEach(subStep => {\n                          <li className='psdk-sub-step-list'>\n                            <div style={{ display: 'inline-flex' }}>\n                              {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                              {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                              {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                              {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                            </div>\n                            {subStep.visited_status === 'current' && (\n                              <div>\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                                  {children}\n                                </AssignmentCard>\n                              </div>\n                            )}\n                          </li>;\n                        })}\n                      </ul>\n                    )}\n                    {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                      <div style={{ paddingLeft: 20 }}>\n                        <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                          {children}\n                        </AssignmentCard>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </div>\n      ) : (\n        <div className='psdk-horizontal-stepper'>\n          <div className='psdk-horizontal-stepper-header-container'>\n            {arNavigationSteps.map((mainStep, index) => {\n              return (\n                <React.Fragment key={mainStep.actionID}>\n                  <div className={`psdk-horizontal-step-header ${mainStep.visited_status}`}>\n                    <div className='psdk-horizontal-step-icon'>\n                      <div className='psdk-horizontal-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className='psdk-horizontal-step-label'>{mainStep.visited_status === 'current' && mainStep.name}</div>\n                  </div>\n                  {!isLastStep(index) && <div className={`psdk-horizontal-step-line ${_getAutoFlexClass(mainStep)}`} />}\n                </React.Fragment>\n              );\n            })}\n          </div>\n          {arNavigationSteps.map(mainStep => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                {mainStep.steps && (\n                  <ul style={{ paddingInlineStart: '0rem', marginLeft: '35px' }}>\n                    {mainStep.steps.map(subStep => (\n                      <li className='psdk-sub-step-list'>\n                        <div style={{ display: 'inline-flex' }}>\n                          {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                          {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                          {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                          {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                        </div>\n                        {subStep.visited_status === 'current' && (\n                          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                            {children}\n                          </AssignmentCard>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {!mainStep?.steps && mainStep.ID === currentStep?.ID && (\n                  <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                    {children}\n                  </AssignmentCard>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/components/infra/NavBar/NavBar.css

@@ -154,7 +154,7 @@
   text-align: center;
   display: inline-flex;
   background: var(--app-neutral-color);
-  color: white;
+  color: var(--app-text-color);
   font-weight: normal;
   font-size: 1rem;
 }

package/lib/components/infra/NavBar/NavBar.d.ts

@@ -1,4 +1,4 @@
-import { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '../../../types/PConnProps';
 import './NavBar.css';
 interface NavBarProps extends PConnProps {
     appName?: string;

package/lib/components/infra/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAiED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuLhD"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAkED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAqMhD"}