@pega/react-sdk-components 0.23.28 → 0.23.29

package/lib/components/infra/Containers/ModalViewContainer/ModalViewContainer.js

@@ -1,40 +1,72 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { createElement, useEffect, useRef, useState } from 'react';
-import isEqual from 'fast-deep-equal';
 import Dialog from '@material-ui/core/Dialog';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import { makeStyles } from '@material-ui/core/styles';
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 import DayjsUtils from '@date-io/dayjs';
+import difference from 'lodash.difference';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 // Need to get correct implementation from component map for Assignment and CancelAlert
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 import { getBanners } from '../../../helpers/case-utils';
-import { isEmptyObject } from '../../../helpers/common-utils';
+function isOpenModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length < currentModalList.length : false;
+}
+function isUpdateModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length === currentModalList.length : false;
+}
+function isCloseModalAction(prevModalCollection, currentModalList) {
+    return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length > currentModalList.length : false;
+}
 function buildName(pConnect, name = '') {
     const context = pConnect.getContextName();
     return `${context}/${name}`;
 }
-function getKeyAndLatestItem(routinginfo, pConn) {
+function getKeyAndLatestItem(routinginfo, pConn, options) {
     const containerName = pConn.getContainerName();
+    const { acTertiary = false } = options || {};
     if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {
         const { accessedOrder, items } = routinginfo;
-        const key = accessedOrder[accessedOrder.length - 1];
+        let key;
+        // eslint-disable-next-line no-plusplus
+        for (let i = accessedOrder.length - 1; i >= 0; i--) {
+            const tempkey = accessedOrder[i];
+            if ((acTertiary && items[tempkey].acTertiary) || (!acTertiary && !items[tempkey].acTertiary)) {
+                key = tempkey;
+                break;
+            }
+        }
         const latestItem = items[key];
         return { key, latestItem };
     }
     return {};
 }
-function getConfigObject(item, pConnect) {
+function getConfigObject(item, pConnect, isReverseCoexistence = false) {
+    let config;
+    if (isReverseCoexistence) {
+        config = {
+            options: {
+                pageReference: pConnect?.getPageReference(),
+                hasForm: true,
+                containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL
+            }
+        };
+        return PCore.createPConnect(config);
+    }
     if (item) {
-        const { context, view } = item;
-        const config = {
+        const { context, view, isBulkAction } = item;
+        const target = PCore.getContainerUtils().getTargetFromContainerItemID(context);
+        config = {
             meta: view,
             options: {
                 context,
                 pageReference: view.config.context || pConnect.getPageReference(),
-                hasForm: true
+                hasForm: true,
+                ...(isBulkAction && { isBulkAction }),
+                containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL,
+                target
             }
         };
         return PCore.createPConnect(config);
@@ -47,20 +79,12 @@ const useStyles = makeStyles(theme => ({
         marginRight: theme.spacing(2),
         marginTop: theme.spacing(2),
         marginBottom: theme.spacing(0)
-        // paddingLeft: theme.spacing(0),
-        // paddingRight: theme.spacing(0),
-        // paddingTop: theme.spacing(0),
-        // paddingBottom: theme.spacing(0),
     },
     dlgContent: {
         marginLeft: theme.spacing(2),
         marginRight: theme.spacing(2),
         marginTop: theme.spacing(0),
         marginBottom: theme.spacing(2)
-        // paddingLeft: theme.spacing(0),
-        // paddingRight: theme.spacing(0),
-        // paddingTop: theme.spacing(0),
-        // paddingBottom: theme.spacing(0),
     }
 }));
 export default function ModalViewContainer(props) {
@@ -69,60 +93,68 @@ export default function ModalViewContainer(props) {
     const CancelAlert = getComponentFromMap('CancelAlert');
     const ListViewActionButtons = getComponentFromMap('ListViewActionButtons');
     const classes = useStyles();
+    const modalCollection = useRef({});
     const routingInfoRef = useRef({});
-    const { getPConnect, routingInfo = null, loadingInfo = '', pageMessages = [] } = props;
+    const { getPConnect, routingInfo = null, pageMessages = [] } = props;
     const pConn = getPConnect();
+    const { acTertiary } = pConn.getConfigProps();
     const { CONTAINER_TYPE: { MULTIPLE }, PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT } } = PCore.getConstants();
-    const { subscribe } = PCore.getPubSubUtils();
+    const { subscribe, unsubscribe } = PCore.getPubSubUtils();
     const [bShowModal, setShowModal] = useState(false);
-    const [bSubscribed, setSubscribed] = useState(false);
     const [bShowCancelAlert, setShowCancelAlert] = useState(false);
-    const [oCaseInfo, setOCaseInfo] = useState({});
     const [createdView, setCreatedView] = useState(null);
     const [title, setTitle] = useState('');
     const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState([]);
     const [itemKey, setItemKey] = useState('');
-    const [cancelPConn, setCancelPConn] = useState(null);
+    const [cancelAlertProps, setCancelAlertProps] = useState({});
     const [isMultiRecordData, setMultiRecordData] = useState(false);
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'Data Object';
-    const actionsDialog = useRef(false);
+    const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';
     function showAlert(payload) {
-        const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);
-        const { isModalAction } = payload;
+        const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn, { acTertiary });
+        const isReverseCoexistence = PCore.getCoexistenceManager().getBroadcastUtils().isReverseCoexistenceCaseLoaded();
+        const { isModalAction, hideDelete, isDataObject, skipReleaseLockRequest } = payload;
         /*
           If we are in create stage full page mode, created a new case and trying to click on cancel button
           it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.
         */
-        if (latestItem && isModalAction && !actionsDialog.current) {
-            const configObject = getConfigObject(latestItem, pConn);
-            setCancelPConn(configObject?.getPConnect());
+        if (latestItem && isModalAction) {
+            const configObject = getConfigObject(latestItem, pConn, isReverseCoexistence);
+            const contextName = configObject?.getPConnect().getContextName();
+            setCancelAlertProps({
+                heading: 'Discard unsaved changes?',
+                content: 'You have unsaved changes. You can discard them or go back to keep working.',
+                getPConnect: configObject?.getPConnect,
+                itemKey: contextName,
+                hideDelete,
+                isDataObject,
+                skipReleaseLockRequest
+            });
             setShowCancelAlert(true);
         }
     }
-    function compareCaseInfoIsDifferent(oCurrentCaseInfo) {
-        let bRet = false;
-        // fast-deep-equal version
-        if (isEqual !== undefined) {
-            bRet = !isEqual(oCaseInfo, oCurrentCaseInfo);
-        }
-        else {
-            const sCurrentCaseInfo = JSON.stringify(oCurrentCaseInfo);
-            const sOldCaseInfo = JSON.stringify(oCaseInfo);
-            // stringify compare version
-            if (sCurrentCaseInfo !== sOldCaseInfo) {
-                bRet = true;
-            }
-        }
-        // if different, save off new case info
-        if (bRet) {
-            setOCaseInfo(JSON.parse(JSON.stringify(oCurrentCaseInfo)));
+    function handleModalOpen(key) {
+        modalCollection.current = {
+            ...modalCollection.current,
+            [key]: {}
+        };
+    }
+    function handleModalClose(accessedOrder) {
+        const tempModalCollection = modalCollection.current;
+        const [closedModalKey] = difference(Object.keys(tempModalCollection), accessedOrder);
+        if (closedModalKey && tempModalCollection[closedModalKey]) {
+            const modifiedModalCollection = { ...tempModalCollection };
+            delete modifiedModalCollection[closedModalKey];
+            modalCollection.current = modifiedModalCollection;
+            setShowModal(false);
         }
-        return bRet;
     }
-    const updateAlertState = modalFlag => {
+    const dismissCancelAlert = dismissAllModals => {
         setShowCancelAlert(false);
-        setShowModal(modalFlag);
+        if (dismissAllModals) {
+            setShowModal(false);
+        }
     };
     function getModalHeading(dataObjectAction) {
         return dataObjectAction === PCore.getConstants().RESOURCE_STATUS.CREATE
@@ -141,128 +173,92 @@ export default function ModalViewContainer(props) {
         containerMgr.initializeContainers({ type: MULTIPLE });
     }, [MULTIPLE, pConn]);
     useEffect(() => {
-        // Update routingInfoRef.current whenever routingInfo changes
+        // Persisting routing information between the renders in showAlert
         routingInfoRef.current = routingInfo;
-        if (routingInfoRef.current && !loadingInfo) {
-            const currentOrder = routingInfo.accessedOrder;
-            if (undefined === currentOrder) {
-                return;
-            }
-            const currentItems = routingInfo.items;
-            const { key, latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);
-            // console.log(`ModalViewContainer: key: ${key} latestItem: ${JSON.stringify(latestItem)}`);
-            if (currentOrder.length > 0) {
-                if (currentItems[key] && currentItems[key].view && !isEmptyObject(currentItems[key].view)) {
-                    const currentItem = currentItems[key];
-                    const rootView = currentItem.view;
-                    const { context } = rootView.config;
-                    const config = { meta: rootView };
-                    config.options = {
-                        context: currentItem.context,
-                        hasForm: true,
-                        pageReference: context || pConn.getPageReference()
-                    };
-                    if (!bSubscribed) {
-                        setSubscribed(true);
-                        subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);
-                    }
-                    const configObject = PCore.createPConnect(config);
-                    // THIS is where the ViewContainer creates a View
-                    //    The config has meta.config.type = "view"
-                    const newComp = configObject.getPConnect();
-                    // const newCompName = newComp.getComponentName();
-                    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
-                    const caseInfo = newComp && newComp.getDataObject() && newComp.getDataObject().caseInfo ? newComp.getDataObject().caseInfo : null;
-                    // console.log(`ModalViewContainer just created newComp: ${newCompName}`);
-                    // The metadata for pyDetails changed such that the "template": "CaseView"
-                    //  is no longer a child of the created View but is in the created View's
-                    //  config. So, we DON'T want to replace this.pConn$ since the created
-                    //  component is a View (and not a ViewContainer). We now look for the
-                    //  "template" type directly in the created component (newComp) and NOT
-                    //  as a child of the newly created component.
-                    // console.log(`---> ModalViewContainer created new ${newCompName}`);
-                    // Use the newly created component (View) info but DO NOT replace
-                    //  this ModalViewContainer's pConn$, etc.
-                    //  Note that we're now using the newly created View's PConnect in the
-                    //  ViewContainer HTML template to guide what's rendered similar to what
-                    //  the React return of React.Fragment does
-                    // right now need to check caseInfo for changes, to trigger redraw, not getting
-                    // changes from angularPconnect except for first draw
-                    if (newComp && caseInfo && compareCaseInfoIsDifferent(caseInfo)) {
-                        setCreatedView({ configObject, latestItem });
-                        const { actionName } = latestItem;
-                        const theNewCaseInfo = newComp.getCaseInfo();
-                        const caseName = theNewCaseInfo.getName();
-                        const ID = theNewCaseInfo.getBusinessID() || theNewCaseInfo.getID();
-                        const caseTypeName = theNewCaseInfo.getCaseTypeName();
-                        const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;
-                        const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;
-                        const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;
-                        setMultiRecordData(isMultiRecord);
-                        const headingValue = isDataObject || isMultiRecord
-                            ? getModalHeading(dataObjectAction)
-                            : determineModalHeaderByAction(actionName, caseTypeName, ID, `${theNewCaseInfo?.getClassName()}!CASE!${theNewCaseInfo.getName()}`.toUpperCase());
-                        setTitle(headingValue);
-                        let arChildrenAsReact = [];
-                        if (newComp.getComponentName() === 'reference') {
-                            // Reference component doesn't have children. It can build the View we want.
-                            //  The Reference component getPConnect is in configObject
-                            arChildrenAsReact.push(createElement(createPConnectComponent(), {
-                                ...configObject,
-                                key: `${caseName}-${ID}`
-                            }));
-                        }
-                        else {
-                            // This is the 8.6 implementation. Leaving it in for reference for now.
-                            // And create a similar array of the children as React components
-                            //  passed to Assignment component when rendered
-                            arChildrenAsReact = newComp.getChildren().map((child) => {
-                                // Use Case Summary ID as the React element's key
-                                const caseSummaryID = child.getPConnect().getCaseSummary().ID;
-                                return createElement(createPConnectComponent(), {
-                                    ...child,
-                                    key: caseSummaryID
-                                });
-                            });
-                        }
-                        if (arChildrenAsReact.length > 0)
-                            setArNewChildrenAsReact(arChildrenAsReact);
-                        setShowModal(true);
-                        // save off itemKey to be used for finishAssignment, etc.
-                        setItemKey(key);
-                    }
+    });
+    useEffect(() => {
+        subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);
+        subscribe(ERROR_WHILE_RENDERING, error => {
+            // setError(true);
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }, `${ERROR_WHILE_RENDERING}-mc-${getPConnect().getContextName()}`, false, getPConnect().getContextName());
+        // Unsubscribe on component unmount
+        return () => {
+            unsubscribe(EVENT_SHOW_CANCEL_ALERT, EVENT_SHOW_CANCEL_ALERT /* Should be same unique string passed during subscription */);
+        };
+    });
+    useEffect(() => {
+        if (routingInfo) {
+            const { accessedOrder, type } = routingInfo;
+            const { key, latestItem } = getKeyAndLatestItem(routingInfo, pConn, { acTertiary });
+            if (latestItem &&
+                type === MULTIPLE &&
+                (isOpenModalAction(modalCollection.current, accessedOrder) || isUpdateModalAction(modalCollection.current, accessedOrder))) {
+                const { actionName } = latestItem;
+                // const { isDockable = false } = latestItem?.modalOptions || {};
+                const configObject = getConfigObject(latestItem, null, false);
+                const pConnect = configObject.getPConnect();
+                const caseInfo = pConnect.getCaseInfo();
+                const caseName = caseInfo.getName();
+                const caseTypeName = caseInfo.getCaseTypeName();
+                const ID = caseInfo.getBusinessID() || caseInfo.getID();
+                const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;
+                const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;
+                const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;
+                const headingValue = isDataObject || isMultiRecord
+                    ? getModalHeading(dataObjectAction)
+                    : determineModalHeaderByAction(actionName, caseTypeName, ID, `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase());
+                let arChildrenAsReact = [];
+                if (pConnect.getComponentName() === 'reference') {
+                    // Reference component doesn't have children. It can build the View we want.
+                    // The Reference component getPConnect is in configObject
+                    arChildrenAsReact.push(createElement(createPConnectComponent(), {
+                        ...configObject,
+                        key: `${caseName}-${ID}`
+                    }));
                 }
-            }
-            else {
-                if (bShowModal) {
-                    setShowModal(false);
+                else {
+                    // This is the 8.6 implementation. Leaving it in for reference for now.
+                    // And create a similar array of the children as React components
+                    // passed to Assignment component when rendered
+                    arChildrenAsReact = pConnect.getChildren().map((child) => {
+                        // Use Case Summary ID as the React element's key
+                        const caseSummaryID = child.getPConnect().getCaseSummary().ID;
+                        return createElement(createPConnectComponent(), {
+                            ...child,
+                            key: caseSummaryID
+                        });
+                    });
                 }
-                if (!isEmptyObject(oCaseInfo)) {
-                    setOCaseInfo({});
+                if (arChildrenAsReact.length > 0)
+                    setArNewChildrenAsReact(arChildrenAsReact);
+                setMultiRecordData(isMultiRecord);
+                setTitle(headingValue);
+                setCreatedView({ configObject, latestItem });
+                setItemKey(key);
+                setShowModal(true);
+                // Update modal use case which happens when assignment in submitted in modal.
+                if (isUpdateModalAction(modalCollection.current, accessedOrder)) {
+                    // handleModalUpdate(key);
                 }
+                else if (isOpenModalAction(modalCollection.current, accessedOrder)) {
+                    // New modal open scenario
+                    handleModalOpen(key);
+                }
+            }
+            else if (isCloseModalAction(modalCollection.current, accessedOrder)) {
+                handleModalClose(accessedOrder);
             }
         }
     }, [routingInfo]);
-    // function placeholderModalClose() {
-    //   // Intentionally a no-op. Similar behavior in other SDKs.
-    //   //  Does NOT close the window. This forces the user to use
-    //   //  the cancel or submit button to close the modal (which, in turn, gets the right
-    //   //  Constellation code to run to clean up the containers, data, etc.)
-    //   // console.log(`ModalViewContainer: placeholderModalClose setting bShowModal to false`)    setShowModal(false);
-    // }
-    // if (bShowModal) {
-    //   console.log(`ModalViewContainer about to show modal with`);
-    //   console.log(`--> createdView: ${createdView} createdView.getPConnect: ${typeof createdView.getPConnect}`);
-    //   console.log(`--> itemKey: ${itemKey}`);
-    //   console.log(`--> arNewChildrenAsReact: ${JSON.stringify(arNewChildrenAsReact)}`);
-    // }
     function closeActionsDialog() {
-        actionsDialog.current = true;
+        // actionsDialog.current = true;
         setShowModal(false);
     }
     return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: bShowModal, "aria-labelledby": 'form-dialog-title', children: [_jsx(DialogTitle, { id: 'form-dialog-title', className: classes.dlgTitle, children: title }), _jsx(DialogContent, { className: classes.dlgContent, children: bShowModal ? (_jsx(MuiPickersUtilsProvider, { utils: DayjsUtils, children: _jsx(Assignment, { getPConnect: createdView.configObject.getPConnect, itemKey: itemKey, isInModal: true, banners: getBanners({
                                     target: itemKey,
                                     pageMessages
-                                }), children: arNewChildrenAsReact }) })) : null }), isMultiRecordData && (_jsx(ListViewActionButtons, { getPConnect: createdView.configObject.getPConnect, context: createdView.latestItem.context, closeActionsDialog: closeActionsDialog }))] }), bShowCancelAlert && _jsx(CancelAlert, { pConn: cancelPConn, showAlert: bShowCancelAlert, updateAlertState: updateAlertState })] }));
+                                }), children: arNewChildrenAsReact }) })) : null }), isMultiRecordData && (_jsx(ListViewActionButtons, { getPConnect: createdView.configObject.getPConnect, context: createdView.latestItem.context, closeActionsDialog: closeActionsDialog }))] }), bShowCancelAlert && _jsx(CancelAlert, { ...cancelAlertProps, dismiss: dismissCancelAlert })] }));
 }
 //# sourceMappingURL=ModalViewContainer.js.map

package/lib/components/infra/Containers/ModalViewContainer/ModalViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ModalViewContainer/ModalViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement, useEffect, useRef, useState } from 'react';\nimport isEqual from 'fast-deep-equal';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DayjsUtils from '@date-io/dayjs';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\n// Need to get correct implementation from component map for Assignment and CancelAlert\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { getBanners } from '../../../helpers/case-utils';\nimport { isEmptyObject } from '../../../helpers/common-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ModalViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  loadingInfo?: string;\n  routingInfo?: any;\n  pageMessages?: string[];\n}\n\nfunction buildName(pConnect, name = '') {\n  const context = pConnect.getContextName();\n  return `${context}/${name}`;\n}\n\nfunction getKeyAndLatestItem(routinginfo, pConn) {\n  const containerName = pConn.getContainerName();\n  if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {\n    const { accessedOrder, items } = routinginfo;\n    const key = accessedOrder[accessedOrder.length - 1];\n    const latestItem = items[key];\n    return { key, latestItem };\n  }\n  return {};\n}\n\nfunction getConfigObject(item, pConnect) {\n  if (item) {\n    const { context, view } = item;\n    const config = {\n      meta: view,\n      options: {\n        context,\n        pageReference: view.config.context || pConnect.getPageReference(),\n        hasForm: true\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  return null;\n}\n\nconst useStyles = makeStyles(theme => ({\n  dlgTitle: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(0)\n    // paddingLeft: theme.spacing(0),\n    // paddingRight: theme.spacing(0),\n    // paddingTop: theme.spacing(0),\n    // paddingBottom: theme.spacing(0),\n  },\n  dlgContent: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(0),\n    marginBottom: theme.spacing(2)\n    // paddingLeft: theme.spacing(0),\n    // paddingRight: theme.spacing(0),\n    // paddingTop: theme.spacing(0),\n    // paddingBottom: theme.spacing(0),\n  }\n}));\n\nexport default function ModalViewContainer(props: ModalViewContainerProps) {\n  // Get the proper implementation (local or Pega-provided) for these components that are emitted below\n  const Assignment = getComponentFromMap('Assignment');\n  const CancelAlert = getComponentFromMap('CancelAlert');\n  const ListViewActionButtons = getComponentFromMap('ListViewActionButtons');\n\n  const classes = useStyles();\n\n  const routingInfoRef = useRef({});\n  const { getPConnect, routingInfo = null, loadingInfo = '', pageMessages = [] } = props;\n  const pConn = getPConnect();\n  const {\n    CONTAINER_TYPE: { MULTIPLE },\n    PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT }\n  } = PCore.getConstants();\n  const { subscribe } = PCore.getPubSubUtils();\n  const [bShowModal, setShowModal] = useState(false);\n  const [bSubscribed, setSubscribed] = useState(false);\n  const [bShowCancelAlert, setShowCancelAlert] = useState(false);\n  const [oCaseInfo, setOCaseInfo] = useState({});\n  const [createdView, setCreatedView] = useState<any>(null);\n  const [title, setTitle] = useState('');\n  const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState<any[]>([]);\n  const [itemKey, setItemKey] = useState('');\n  const [cancelPConn, setCancelPConn] = useState(null);\n  const [isMultiRecordData, setMultiRecordData] = useState(false);\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Data Object';\n\n  const actionsDialog = useRef(false);\n\n  function showAlert(payload) {\n    const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);\n    const { isModalAction } = payload;\n\n    /*\n      If we are in create stage full page mode, created a new case and trying to click on cancel button\n      it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.\n    */\n    if (latestItem && isModalAction && !actionsDialog.current) {\n      const configObject = getConfigObject(latestItem, pConn);\n      setCancelPConn(configObject?.getPConnect() as any);\n      setShowCancelAlert(true);\n    }\n  }\n\n  function compareCaseInfoIsDifferent(oCurrentCaseInfo: Object): boolean {\n    let bRet = false;\n\n    // fast-deep-equal version\n    if (isEqual !== undefined) {\n      bRet = !isEqual(oCaseInfo, oCurrentCaseInfo);\n    } else {\n      const sCurrentCaseInfo = JSON.stringify(oCurrentCaseInfo);\n      const sOldCaseInfo = JSON.stringify(oCaseInfo);\n      // stringify compare version\n      if (sCurrentCaseInfo !== sOldCaseInfo) {\n        bRet = true;\n      }\n    }\n\n    // if different, save off new case info\n    if (bRet) {\n      setOCaseInfo(JSON.parse(JSON.stringify(oCurrentCaseInfo)));\n    }\n\n    return bRet;\n  }\n\n  const updateAlertState = modalFlag => {\n    setShowCancelAlert(false);\n    setShowModal(modalFlag);\n  };\n\n  function getModalHeading(dataObjectAction) {\n    return dataObjectAction === PCore.getConstants().RESOURCE_STATUS.CREATE\n      ? localizedVal('Add Record', localeCategory)\n      : localizedVal('Edit Record', localeCategory);\n  }\n\n  function determineModalHeaderByAction(actionName, caseTypeName, ID, caseLocaleRef) {\n    if (actionName) {\n      return localizedVal(actionName, localeCategory);\n    }\n    return `${localizedVal('Create', localeCategory)} ${localizedVal(caseTypeName, undefined, caseLocaleRef)} (${ID})`;\n  }\n\n  useEffect(() => {\n    // Establish the necessary containers\n    const containerMgr = pConn.getContainerManager();\n    containerMgr.initializeContainers({ type: MULTIPLE });\n  }, [MULTIPLE, pConn]);\n\n  useEffect(() => {\n    // Update routingInfoRef.current whenever routingInfo changes\n    routingInfoRef.current = routingInfo;\n    if (routingInfoRef.current && !loadingInfo) {\n      const currentOrder = routingInfo.accessedOrder;\n\n      if (undefined === currentOrder) {\n        return;\n      }\n\n      const currentItems = routingInfo.items;\n\n      const { key, latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn);\n      // console.log(`ModalViewContainer: key: ${key} latestItem: ${JSON.stringify(latestItem)}`);\n\n      if (currentOrder.length > 0) {\n        if (currentItems[key] && currentItems[key].view && !isEmptyObject(currentItems[key].view)) {\n          const currentItem = currentItems[key];\n          const rootView = currentItem.view;\n          const { context } = rootView.config;\n          const config: any = { meta: rootView };\n          config.options = {\n            context: currentItem.context,\n            hasForm: true,\n            pageReference: context || pConn.getPageReference()\n          };\n\n          if (!bSubscribed) {\n            setSubscribed(true);\n            subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);\n          }\n\n          const configObject = PCore.createPConnect(config);\n\n          // THIS is where the ViewContainer creates a View\n          //    The config has meta.config.type = \"view\"\n          const newComp = configObject.getPConnect();\n          // const newCompName = newComp.getComponentName();\n          // @ts-ignore - parameter “contextName” for getDataObject method should be optional\n          const caseInfo = newComp && newComp.getDataObject() && newComp.getDataObject().caseInfo ? newComp.getDataObject().caseInfo : null;\n\n          // console.log(`ModalViewContainer just created newComp: ${newCompName}`);\n\n          // The metadata for pyDetails changed such that the \"template\": \"CaseView\"\n          //  is no longer a child of the created View but is in the created View's\n          //  config. So, we DON'T want to replace this.pConn$ since the created\n          //  component is a View (and not a ViewContainer). We now look for the\n          //  \"template\" type directly in the created component (newComp) and NOT\n          //  as a child of the newly created component.\n          // console.log(`---> ModalViewContainer created new ${newCompName}`);\n\n          // Use the newly created component (View) info but DO NOT replace\n          //  this ModalViewContainer's pConn$, etc.\n          //  Note that we're now using the newly created View's PConnect in the\n          //  ViewContainer HTML template to guide what's rendered similar to what\n          //  the React return of React.Fragment does\n\n          // right now need to check caseInfo for changes, to trigger redraw, not getting\n          // changes from angularPconnect except for first draw\n          if (newComp && caseInfo && compareCaseInfoIsDifferent(caseInfo)) {\n            setCreatedView({ configObject, latestItem });\n\n            const { actionName } = latestItem;\n            const theNewCaseInfo = newComp.getCaseInfo();\n            const caseName = theNewCaseInfo.getName();\n            const ID = theNewCaseInfo.getBusinessID() || theNewCaseInfo.getID();\n            const caseTypeName = theNewCaseInfo.getCaseTypeName();\n            const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;\n            const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;\n            const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;\n            setMultiRecordData(isMultiRecord);\n            const headingValue =\n              isDataObject || isMultiRecord\n                ? getModalHeading(dataObjectAction)\n                : determineModalHeaderByAction(\n                    actionName,\n                    caseTypeName,\n                    ID,\n                    `${theNewCaseInfo?.getClassName()}!CASE!${theNewCaseInfo.getName()}`.toUpperCase()\n                  );\n\n            setTitle(headingValue);\n\n            let arChildrenAsReact: any[] = [];\n\n            if (newComp.getComponentName() === 'reference') {\n              // Reference component doesn't have children. It can build the View we want.\n              //  The Reference component getPConnect is in configObject\n\n              arChildrenAsReact.push(\n                createElement(createPConnectComponent(), {\n                  ...configObject,\n                  key: `${caseName}-${ID}`\n                })\n              );\n            } else {\n              // This is the 8.6 implementation. Leaving it in for reference for now.\n              // And create a similar array of the children as React components\n              //  passed to Assignment component when rendered\n              arChildrenAsReact = (newComp.getChildren() as []).map((child: any) => {\n                // Use Case Summary ID as the React element's key\n                const caseSummaryID = child.getPConnect().getCaseSummary().ID;\n                return createElement(createPConnectComponent(), {\n                  ...child,\n                  key: caseSummaryID\n                });\n              });\n            }\n\n            if (arChildrenAsReact.length > 0) setArNewChildrenAsReact(arChildrenAsReact);\n\n            setShowModal(true);\n\n            // save off itemKey to be used for finishAssignment, etc.\n            setItemKey(key);\n          }\n        }\n      } else {\n        if (bShowModal) {\n          setShowModal(false);\n        }\n        if (!isEmptyObject(oCaseInfo)) {\n          setOCaseInfo({});\n        }\n      }\n    }\n  }, [routingInfo]);\n\n  // function placeholderModalClose() {\n  //   // Intentionally a no-op. Similar behavior in other SDKs.\n  //   //  Does NOT close the window. This forces the user to use\n  //   //  the cancel or submit button to close the modal (which, in turn, gets the right\n  //   //  Constellation code to run to clean up the containers, data, etc.)\n\n  //   // console.log(`ModalViewContainer: placeholderModalClose setting bShowModal to false`)    setShowModal(false);\n  // }\n\n  // if (bShowModal) {\n  //   console.log(`ModalViewContainer about to show modal with`);\n  //   console.log(`--> createdView: ${createdView} createdView.getPConnect: ${typeof createdView.getPConnect}`);\n  //   console.log(`--> itemKey: ${itemKey}`);\n  //   console.log(`--> arNewChildrenAsReact: ${JSON.stringify(arNewChildrenAsReact)}`);\n  // }\n\n  function closeActionsDialog() {\n    actionsDialog.current = true;\n    setShowModal(false);\n  }\n\n  return (\n    <>\n      <Dialog open={bShowModal} aria-labelledby='form-dialog-title'>\n        <DialogTitle id='form-dialog-title' className={classes.dlgTitle}>\n          {title}\n        </DialogTitle>\n        <DialogContent className={classes.dlgContent}>\n          {bShowModal ? (\n            <MuiPickersUtilsProvider utils={DayjsUtils}>\n              <Assignment\n                getPConnect={createdView.configObject.getPConnect}\n                itemKey={itemKey}\n                isInModal\n                banners={getBanners({\n                  target: itemKey,\n                  pageMessages\n                })}\n              >\n                {arNewChildrenAsReact}\n              </Assignment>\n            </MuiPickersUtilsProvider>\n          ) : null}\n        </DialogContent>\n        {isMultiRecordData && (\n          <ListViewActionButtons\n            getPConnect={createdView.configObject.getPConnect}\n            context={createdView.latestItem.context}\n            closeActionsDialog={closeActionsDialog}\n          />\n        )}\n      </Dialog>\n      {bShowCancelAlert && <CancelAlert pConn={cancelPConn} showAlert={bShowCancelAlert} updateAlertState={updateAlertState} />}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"ModalViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ModalViewContainer/ModalViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createElement, useEffect, useRef, useState } from 'react';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport DayjsUtils from '@date-io/dayjs';\nimport difference from 'lodash.difference';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\n// Need to get correct implementation from component map for Assignment and CancelAlert\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { getBanners } from '../../../helpers/case-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ModalViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  loadingInfo?: string;\n  routingInfo?: any;\n  pageMessages?: string[];\n}\n\nfunction isOpenModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length < currentModalList.length : false;\n}\n\nfunction isUpdateModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length === currentModalList.length : false;\n}\n\nfunction isCloseModalAction(prevModalCollection, currentModalList) {\n  return prevModalCollection && currentModalList ? Object.keys(prevModalCollection).length > currentModalList.length : false;\n}\n\nfunction buildName(pConnect, name = '') {\n  const context = pConnect.getContextName();\n  return `${context}/${name}`;\n}\n\nfunction getKeyAndLatestItem(routinginfo, pConn, options) {\n  const containerName = pConn.getContainerName();\n  const { acTertiary = false } = options || {};\n  if (PCore.getContainerUtils().hasContainerItems(buildName(pConn, containerName))) {\n    const { accessedOrder, items } = routinginfo;\n    let key;\n    // eslint-disable-next-line no-plusplus\n    for (let i = accessedOrder.length - 1; i >= 0; i--) {\n      const tempkey = accessedOrder[i];\n      if ((acTertiary && items[tempkey].acTertiary) || (!acTertiary && !items[tempkey].acTertiary)) {\n        key = tempkey;\n        break;\n      }\n    }\n    const latestItem = items[key];\n    return { key, latestItem };\n  }\n  return {};\n}\n\nfunction getConfigObject(item, pConnect, isReverseCoexistence = false) {\n  let config;\n  if (isReverseCoexistence) {\n    config = {\n      options: {\n        pageReference: pConnect?.getPageReference(),\n        hasForm: true,\n        containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  if (item) {\n    const { context, view, isBulkAction } = item;\n    const target = PCore.getContainerUtils().getTargetFromContainerItemID(context);\n    config = {\n      meta: view,\n      options: {\n        context,\n        pageReference: view.config.context || pConnect.getPageReference(),\n        hasForm: true,\n        ...(isBulkAction && { isBulkAction }),\n        containerName: pConnect?.getContainerName() || PCore.getConstants().MODAL,\n        target\n      }\n    };\n    return PCore.createPConnect(config);\n  }\n  return null;\n}\n\nconst useStyles = makeStyles(theme => ({\n  dlgTitle: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(0)\n  },\n  dlgContent: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(0),\n    marginBottom: theme.spacing(2)\n  }\n}));\n\nexport default function ModalViewContainer(props: ModalViewContainerProps) {\n  // Get the proper implementation (local or Pega-provided) for these components that are emitted below\n  const Assignment = getComponentFromMap('Assignment');\n  const CancelAlert = getComponentFromMap('CancelAlert');\n  const ListViewActionButtons = getComponentFromMap('ListViewActionButtons');\n\n  const classes = useStyles();\n\n  const modalCollection = useRef({});\n  const routingInfoRef = useRef({});\n  const { getPConnect, routingInfo = null, pageMessages = [] } = props;\n  const pConn = getPConnect();\n  const { acTertiary } = pConn.getConfigProps() as any;\n  const {\n    CONTAINER_TYPE: { MULTIPLE },\n    PUB_SUB_EVENTS: { EVENT_SHOW_CANCEL_ALERT }\n  } = PCore.getConstants();\n  const { subscribe, unsubscribe } = PCore.getPubSubUtils();\n  const [bShowModal, setShowModal] = useState(false);\n  const [bShowCancelAlert, setShowCancelAlert] = useState(false);\n  const [createdView, setCreatedView] = useState<any>(null);\n  const [title, setTitle] = useState('');\n  const [arNewChildrenAsReact, setArNewChildrenAsReact] = useState<any[]>([]);\n  const [itemKey, setItemKey] = useState('');\n  const [cancelAlertProps, setCancelAlertProps] = useState({});\n  const [isMultiRecordData, setMultiRecordData] = useState(false);\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Data Object';\n\n  const ERROR_WHILE_RENDERING = 'ERROR_WHILE_RENDERING';\n\n  function showAlert(payload) {\n    const { latestItem } = getKeyAndLatestItem(routingInfoRef.current, pConn, { acTertiary });\n    const isReverseCoexistence = (PCore.getCoexistenceManager().getBroadcastUtils() as any).isReverseCoexistenceCaseLoaded();\n    const { isModalAction, hideDelete, isDataObject, skipReleaseLockRequest } = payload;\n\n    /*\n      If we are in create stage full page mode, created a new case and trying to click on cancel button\n      it will show two alert dialogs which is not expected. Hence isModalAction flag to avoid that.\n    */\n    if (latestItem && isModalAction) {\n      const configObject = getConfigObject(latestItem, pConn, isReverseCoexistence);\n      const contextName = configObject?.getPConnect().getContextName();\n      setCancelAlertProps({\n        heading: 'Discard unsaved changes?',\n        content: 'You have unsaved changes. You can discard them or go back to keep working.',\n        getPConnect: configObject?.getPConnect,\n        itemKey: contextName,\n        hideDelete,\n        isDataObject,\n        skipReleaseLockRequest\n      });\n      setShowCancelAlert(true);\n    }\n  }\n\n  function handleModalOpen(key) {\n    modalCollection.current = {\n      ...modalCollection.current,\n      [key]: {}\n    };\n  }\n\n  function handleModalClose(accessedOrder) {\n    const tempModalCollection = modalCollection.current;\n    const [closedModalKey] = difference(Object.keys(tempModalCollection), accessedOrder);\n\n    if (closedModalKey && tempModalCollection[closedModalKey]) {\n      const modifiedModalCollection = { ...tempModalCollection };\n      delete modifiedModalCollection[closedModalKey];\n      modalCollection.current = modifiedModalCollection;\n      setShowModal(false);\n    }\n  }\n\n  const dismissCancelAlert = dismissAllModals => {\n    setShowCancelAlert(false);\n\n    if (dismissAllModals) {\n      setShowModal(false);\n    }\n  };\n\n  function getModalHeading(dataObjectAction) {\n    return dataObjectAction === PCore.getConstants().RESOURCE_STATUS.CREATE\n      ? localizedVal('Add Record', localeCategory)\n      : localizedVal('Edit Record', localeCategory);\n  }\n\n  function determineModalHeaderByAction(actionName, caseTypeName, ID, caseLocaleRef) {\n    if (actionName) {\n      return localizedVal(actionName, localeCategory);\n    }\n    return `${localizedVal('Create', localeCategory)} ${localizedVal(caseTypeName, undefined, caseLocaleRef)} (${ID})`;\n  }\n\n  useEffect(() => {\n    // Establish the necessary containers\n    const containerMgr = pConn.getContainerManager();\n    containerMgr.initializeContainers({ type: MULTIPLE });\n  }, [MULTIPLE, pConn]);\n\n  useEffect(() => {\n    // Persisting routing information between the renders in showAlert\n    routingInfoRef.current = routingInfo;\n  });\n\n  useEffect(() => {\n    subscribe(EVENT_SHOW_CANCEL_ALERT, showAlert, EVENT_SHOW_CANCEL_ALERT /* Unique string for subscription */);\n    subscribe(\n      ERROR_WHILE_RENDERING,\n      error => {\n        // setError(true);\n        // eslint-disable-next-line no-console\n        console.error(error);\n      },\n      `${ERROR_WHILE_RENDERING}-mc-${getPConnect().getContextName()}`,\n      false,\n      getPConnect().getContextName()\n    );\n\n    // Unsubscribe on component unmount\n    return () => {\n      unsubscribe(EVENT_SHOW_CANCEL_ALERT, EVENT_SHOW_CANCEL_ALERT /* Should be same unique string passed during subscription */);\n    };\n  });\n\n  useEffect(() => {\n    if (routingInfo) {\n      const { accessedOrder, type } = routingInfo;\n      const { key, latestItem } = getKeyAndLatestItem(routingInfo, pConn, { acTertiary });\n\n      if (\n        latestItem &&\n        type === MULTIPLE &&\n        (isOpenModalAction(modalCollection.current, accessedOrder) || isUpdateModalAction(modalCollection.current, accessedOrder))\n      ) {\n        const { actionName } = latestItem;\n        // const { isDockable = false } = latestItem?.modalOptions || {};\n        const configObject: any = getConfigObject(latestItem, null, false);\n        const pConnect = configObject.getPConnect();\n        const caseInfo: any = pConnect.getCaseInfo();\n        const caseName = caseInfo.getName();\n        const caseTypeName = caseInfo.getCaseTypeName();\n        const ID = caseInfo.getBusinessID() || caseInfo.getID();\n        const isDataObject = routingInfo.items[latestItem.context].resourceType === PCore.getConstants().RESOURCE_TYPES.DATA;\n        const dataObjectAction = routingInfo.items[latestItem.context].resourceStatus;\n        const isMultiRecord = routingInfo.items[latestItem.context].isMultiRecordData;\n        const headingValue =\n          isDataObject || isMultiRecord\n            ? getModalHeading(dataObjectAction)\n            : determineModalHeaderByAction(actionName, caseTypeName, ID, `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase());\n\n        let arChildrenAsReact: any[] = [];\n\n        if (pConnect.getComponentName() === 'reference') {\n          // Reference component doesn't have children. It can build the View we want.\n          // The Reference component getPConnect is in configObject\n\n          arChildrenAsReact.push(\n            createElement(createPConnectComponent(), {\n              ...configObject,\n              key: `${caseName}-${ID}`\n            })\n          );\n        } else {\n          // This is the 8.6 implementation. Leaving it in for reference for now.\n          // And create a similar array of the children as React components\n          // passed to Assignment component when rendered\n          arChildrenAsReact = (pConnect.getChildren() as []).map((child: any) => {\n            // Use Case Summary ID as the React element's key\n            const caseSummaryID = child.getPConnect().getCaseSummary().ID;\n            return createElement(createPConnectComponent(), {\n              ...child,\n              key: caseSummaryID\n            });\n          });\n        }\n\n        if (arChildrenAsReact.length > 0) setArNewChildrenAsReact(arChildrenAsReact);\n        setMultiRecordData(isMultiRecord);\n        setTitle(headingValue);\n        setCreatedView({ configObject, latestItem });\n        setItemKey(key);\n        setShowModal(true);\n\n        // Update modal use case which happens when assignment in submitted in modal.\n        if (isUpdateModalAction(modalCollection.current, accessedOrder)) {\n          // handleModalUpdate(key);\n        } else if (isOpenModalAction(modalCollection.current, accessedOrder)) {\n          // New modal open scenario\n          handleModalOpen(key);\n        }\n      } else if (isCloseModalAction(modalCollection.current, accessedOrder)) {\n        handleModalClose(accessedOrder);\n      }\n    }\n  }, [routingInfo]);\n\n  function closeActionsDialog() {\n    // actionsDialog.current = true;\n    setShowModal(false);\n  }\n\n  return (\n    <>\n      <Dialog open={bShowModal} aria-labelledby='form-dialog-title'>\n        <DialogTitle id='form-dialog-title' className={classes.dlgTitle}>\n          {title}\n        </DialogTitle>\n        <DialogContent className={classes.dlgContent}>\n          {bShowModal ? (\n            <MuiPickersUtilsProvider utils={DayjsUtils}>\n              <Assignment\n                getPConnect={createdView.configObject.getPConnect}\n                itemKey={itemKey}\n                isInModal\n                banners={getBanners({\n                  target: itemKey,\n                  pageMessages\n                })}\n              >\n                {arNewChildrenAsReact}\n              </Assignment>\n            </MuiPickersUtilsProvider>\n          ) : null}\n        </DialogContent>\n\n        {isMultiRecordData && (\n          <ListViewActionButtons\n            getPConnect={createdView.configObject.getPConnect}\n            context={createdView.latestItem.context}\n            closeActionsDialog={closeActionsDialog}\n          />\n        )}\n      </Dialog>\n      {bShowCancelAlert && <CancelAlert {...cancelAlertProps} dismiss={dismissCancelAlert} />}\n    </>\n  );\n}\n"]}

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":";AAkCA,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;AA6DD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAqLhD"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":";AAkCA,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;AA6DD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAuLhD"}

package/lib/components/infra/NavBar/NavBar.js

@@ -85,6 +85,8 @@ export default function NavBar(props) {
     const [bShowCaseTypes, setBShowCaseTypes] = useState(true);
     const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false);
     const [anchorEl, setAnchorEl] = useState(null);
+    const localeUtils = PCore.getLocaleUtils();
+    const localeReference = pConn.getValue('.pyLocaleReference');
     const localizedVal = PCore.getLocaleUtils().getLocaleValue;
     const localeCategory = 'AppShell';
     const portalLogoImage = Utils.getIconPath(Utils.getSDKStaticConentUrl()).concat('pzpega-logo-mark.svg');
@@ -144,12 +146,12 @@ export default function NavBar(props) {
     }, [isDesktop]);
     return (_jsxs(Drawer, { variant: 'permanent', classes: {
             paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose)
-        }, open: open && isDesktop, children: [open ? (_jsx(List, { className: classes.appListItem, children: _jsxs(ListItem, { onClick: handleDrawerOpen, children: [_jsx(ListItemIcon, { children: _jsx("img", { src: portalLogoImage, className: classes.appListLogo }) }), _jsx(ListItemText, { primary: _jsx(Typography, { variant: 'h6', className: classes.applicationLabel, children: portalApp }) }), _jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: handleDrawerOpen, children: _jsx(ChevronLeftIcon, { className: classes.appListIcon }) }) })] }) })) : (_jsx("div", { className: classes.appListDiv, onClick: handleDrawerOpen, children: _jsx(ChevronRightIcon, { className: classes.appListIcon, id: 'chevron-right-icon', fontSize: 'large' }) })), _jsx(List, { children: _jsxs(ListItem, { button: true, onClick: handleCaseItemClick, children: [_jsx(ListItemIcon, { children: bShowCaseTypes && open ? _jsx(ClearOutlinedIcon, { fontSize: 'large' }) : _jsx(AddIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: 'Create' }), bShowCaseTypes ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {})] }) }), _jsx(Collapse, { in: bShowCaseTypes && open, timeout: 'auto', unmountOnExit: true, className: 'scrollable', children: _jsx(List, { component: 'div', disablePadding: true, children: caseTypes.map(caseType => (_jsxs(ListItem, { button: true, className: classes.nested, onClick: () => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType), children: [_jsx(ListItemIcon, { children: _jsx(WorkOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: caseType.pyLabel })] }, caseType.pyLabel))) }) }), _jsx(List, { children: navPages.map(page => (_jsxs(ListItem, { button: true, onClick: () => navPanelButtonClick(page), children: [_jsx(ListItemIcon, { children: iconMap[page.pxPageViewIcon] }), _jsx(ListItemText, { primary: page.pyLabel })] }, page.pyLabel))) }), _jsx(Divider, {}), _jsx(List, { className: 'marginTopAuto', children: _jsxs(_Fragment, { children: [_jsxs(ListItem, { onClick: navPanelOperatorButtonClick, children: [_jsx(ListItemIcon, { children: _jsx(PersonOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: portalOperator }), open && (_jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: navPanelOperatorButtonClick, children: _jsx(ChevronRightIcon, {}) }) }))] }), _jsx(Menu, { anchorEl: anchorEl, keepMounted: bShowOperatorButtons, open: bShowOperatorButtons, onClick: navPanelOperatorButtonClick, anchorOrigin: {
+        }, open: open && isDesktop, children: [open ? (_jsx(List, { className: classes.appListItem, children: _jsxs(ListItem, { onClick: handleDrawerOpen, children: [_jsx(ListItemIcon, { children: _jsx("img", { src: portalLogoImage, className: classes.appListLogo }) }), _jsx(ListItemText, { primary: _jsx(Typography, { variant: 'h6', className: classes.applicationLabel, children: portalApp }) }), _jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: handleDrawerOpen, children: _jsx(ChevronLeftIcon, { className: classes.appListIcon }) }) })] }) })) : (_jsx("div", { className: classes.appListDiv, onClick: handleDrawerOpen, children: _jsx(ChevronRightIcon, { className: classes.appListIcon, id: 'chevron-right-icon', fontSize: 'large' }) })), _jsx(List, { children: _jsxs(ListItem, { button: true, onClick: handleCaseItemClick, children: [_jsx(ListItemIcon, { children: bShowCaseTypes && open ? _jsx(ClearOutlinedIcon, { fontSize: 'large' }) : _jsx(AddIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: 'Create' }), bShowCaseTypes ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {})] }) }), _jsx(Collapse, { in: bShowCaseTypes && open, timeout: 'auto', unmountOnExit: true, className: 'scrollable', children: _jsx(List, { component: 'div', disablePadding: true, children: caseTypes.map(caseType => (_jsxs(ListItem, { button: true, className: classes.nested, onClick: () => navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType), children: [_jsx(ListItemIcon, { children: _jsx(WorkOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: localeUtils.getLocaleValue(caseType.pyLabel, '', localeReference) })] }, caseType.pyLabel))) }) }), _jsx(List, { children: navPages.map(page => (_jsxs(ListItem, { button: true, onClick: () => navPanelButtonClick(page), children: [_jsx(ListItemIcon, { children: iconMap[page.pxPageViewIcon] }), _jsx(ListItemText, { primary: localeUtils.getLocaleValue(page.pyLabel, '', localeReference) })] }, page.pyLabel))) }), _jsx(Divider, {}), _jsx(List, { className: 'marginTopAuto', children: _jsxs(_Fragment, { children: [_jsxs(ListItem, { onClick: navPanelOperatorButtonClick, children: [_jsx(ListItemIcon, { children: _jsx(PersonOutlineIcon, { fontSize: 'large' }) }), _jsx(ListItemText, { primary: portalOperator }), open && (_jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { edge: 'end', onClick: navPanelOperatorButtonClick, children: _jsx(ChevronRightIcon, {}) }) }))] }), _jsx(Menu, { anchorEl: anchorEl, keepMounted: bShowOperatorButtons, open: bShowOperatorButtons, onClick: navPanelOperatorButtonClick, anchorOrigin: {
                                 vertical: 'top',
                                 horizontal: 'right'
                             }, transformOrigin: {
                                 vertical: 'top',
                                 horizontal: 'left'
-                            }, children: _jsxs(MenuItem, { onClick: logout, children: [_jsx(ListItemIcon, { children: _jsx(ArrowBackIcon, { fontSize: 'large' }) }), _jsx(Typography, { variant: 'inherit', children: localizedVal('Logout', localeCategory) })] }) })] }) })] }));
+                            }, children: _jsxs(MenuItem, { onClick: logout, children: [_jsx(ListItemIcon, { children: _jsx(ArrowBackIcon, { fontSize: 'large' }) }), _jsx(Typography, { variant: 'inherit', children: localizedVal('Log off', localeCategory) })] }) })] }) })] }));
 }
 //# sourceMappingURL=NavBar.js.map