;
const thePConnObj = ;
- // NOTE: For Embedded mode, we add in displayOnlyFA and isMashup to our React context
- // so the values are available to any component that may need it.
+ // NOTE: For Embedded mode, we add in displayOnlyFA to our React context
+ // so it is available to any component that may need it.
// VRS: Attempted to remove displayOnlyFA but it presently handles various components which
// SDK does not yet support, so all those need to be fixed up before it can be removed. To
// be done in a future sprint.
@@ -304,7 +301,7 @@ export default function EmbeddedTopLevel() {
* is ready to be rendered
* @param inRenderObj the initial, top-level PConnect object to render
*/
- function initialRender(inRenderObj) {
+ function initialRender(inRenderObj) {
// loadMashup does its own thing so we don't need to do much/anything here
@@ -365,7 +362,7 @@ export default function EmbeddedTopLevel() {
/**
* kick off the application's portal that we're trying to serve up
*/
- function startMashup() {
+ function startMashup() {
// NOTE: When loadMashup is complete, this will be called.
PCore.onPCoreReady(renderObj => {
@@ -399,7 +396,7 @@ export default function EmbeddedTopLevel() {
// One time (initialization) subscriptions and related unsubscribe
useEffect(() => {
- getSdkConfig().then( sdkConfig => {
+ getSdkConfig().then( (sdkConfig:any) => {
const sdkConfigAuth = sdkConfig.authConfig;
if( !sdkConfigAuth.mashupClientId && sdkConfigAuth.customAuthType === "Basic" ) {
@@ -419,6 +416,14 @@ export default function EmbeddedTopLevel() {
sdkSetAuthHeader( `Basic ${sB64}`);
}
+ if( sdkConfigAuth.customAuthType === "CustomIdentifier" ) {
+ // Use custom bearer with specific custom parameter to set the desired operator via
+ // a userIdentifier property. (Caution: highly insecure...being used for simple demonstration)
+ sdkSetCustomTokenParamsCB(() => {
+ return {"userIdentifier": sdkConfigAuth.mashupUserIdentifier };
+ });
+ }
+
document.addEventListener("SdkConstellationReady", () => {
// start the portal
startMashup();
@@ -466,11 +471,11 @@ export default function EmbeddedTopLevel() {
const options = {
pageName: 'pyEmbedAssignment',
- startingFields: {
- Package: sLevel
- }
+ startingFields: mashupCaseType === "DIXL-MediaCo-Work-NewService" ?
+ {
+ Package: sLevel
+ } : {}
};
- // @ts-ignore
PCore.getMashupApi().createCase(mashupCaseType, PCore.getConstants().APP.APP, options).then(() => {
// eslint-disable-next-line no-console
console.log('createCase rendering is complete');
diff --git a/src/samples/FullPortal/InvalidPortal.tsx b/src/samples/FullPortal/InvalidPortal.tsx
new file mode 100644
index 000000000..1492e16d3
--- /dev/null
+++ b/src/samples/FullPortal/InvalidPortal.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { logout } from '@pega/auth/lib/sdk-auth-manager';
+
+export default function InvalidPortal({ defaultPortal, portals, onSelect }) {
+ const logOff = () => {
+ logout().then(() => {
+ // Reload the page to kick off the login
+ window.location.reload();
+ });
+ };
+
+ return (
+
+
+ Default portal ( {defaultPortal} ) for current operator
+ is not compatible with SDK.
+
+ Please select one of the portals available to the operator's access group:
+
+
+ {portals.map(portal => (
+
onSelect(portal)}>
+ {portal}
+
+ ))}
+
+
+
+ );
+}
diff --git a/src/samples/FullPortal/index.tsx b/src/samples/FullPortal/index.tsx
index 93d7dfab5..dd30aa396 100644
--- a/src/samples/FullPortal/index.tsx
+++ b/src/samples/FullPortal/index.tsx
@@ -1,18 +1,17 @@
-import React, { useEffect, useMemo } from 'react';
-import ReactDOM from "react-dom";
+import React, { useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
import CssBaseline from '@material-ui/core/CssBaseline';
import { createTheme, ThemeProvider } from '@material-ui/core/styles';
import { useLocation, useHistory } from 'react-router-dom';
import StoreContext from "@pega/react-sdk-components/lib/bridge/Context/StoreContext";
import createPConnectComponent from "@pega/react-sdk-components/lib/bridge/react_pconnect";
-import { SdkConfigAccess } from '@pega/react-sdk-components/lib/components/helpers/config_access';
+import { SdkConfigAccess, loginIfNecessary, getAvailablePortals } from '@pega/auth/lib/sdk-auth-manager';
import { compareSdkPCoreVersions } from '@pega/react-sdk-components/lib/components/helpers/versionHelpers';
-import { loginIfNecessary } from '@pega/react-sdk-components/lib/components/helpers/authManager';
+import InvalidPortal from './InvalidPortal';
import { getSdkComponentMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
import localSdkComponentMap from '../../../sdk-local-component-map';
-
declare const myLoadPortal: any;
declare const myLoadDefaultPortal: any;
@@ -23,11 +22,15 @@ function useQuery() {
}
export default function FullPortal() {
+ const [portalSelectionScreen, setPortalSelectionScreen] = useState(false);
+ const [defaultPortalName, setDefaultPortalName] = useState('');
+ const [availablePortals, setAvailablePortals] = useState>([]);
+
const history = useHistory();
const query = useQuery();
if (query.get('portal')) {
const portalValue: any = query.get('portal');
- sessionStorage.setItem("rsdk_portalName", portalValue);
+ sessionStorage.setItem('rsdk_portalName', portalValue);
}
const theme = createTheme({
@@ -58,16 +61,16 @@ export default function FullPortal() {
// const thePConnObj =
the RootComponent
;
const thePConnObj = ;
- const theComp =
-
+ const theComp = (
+
{thePConnObj}
-
- ;
+
+
+ );
return theComp;
-
}
/**
@@ -75,8 +78,7 @@ export default function FullPortal() {
* is ready to be rendered
* @param inRenderObj the initial, top-level PConnect object to render
*/
- function initialRender(inRenderObj) {
-
+ function initialRender(inRenderObj) {
// modified from react_root.js render
const {
props,
@@ -85,7 +87,7 @@ export default function FullPortal() {
portalTarget,
styleSheetTarget
} = inRenderObj;
- let target:any = null;
+ let target: any = null;
if (domContainerID !== null) {
target = document.getElementById(domContainerID);
} else if (portalTarget !== null) {
@@ -105,31 +107,25 @@ export default function FullPortal() {
// var theComponent =
the Component
;
const theComponent = (
-
-
- ;
-
- );
+
+
+ ;
+
+ );
- ReactDOM.render( // was {
// Check that we're seeing the PCore version we expect
@@ -137,47 +133,51 @@ export default function FullPortal() {
// Initialize the SdkComponentMap (local and pega-provided)
// eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
- getSdkComponentMap(localSdkComponentMap).then( (theComponentMap: any) => {
+ getSdkComponentMap(localSdkComponentMap).then((theComponentMap: any) => {
// eslint-disable-next-line no-console
console.log(`SdkComponentMap initialized`);
// Don't call initialRender until SdkComponentMap is fully initialized
initialRender(renderObj);
-
- })
+ });
});
// load the Portal and handle the onPCoreEntry response that establishes the
// top level Pega root element (likely a RootContainer)
- const thePortal = SdkConfigAccess.getSdkConfigServer().appPortal;
+ const { appPortal: thePortal, excludePortals } = SdkConfigAccess.getSdkConfigServer();
const defaultPortal = PCore?.getEnvironmentInfo?.().getDefaultPortal?.();
- const queryPortal = sessionStorage.getItem("rsdk_portalName");
+ const queryPortal = sessionStorage.getItem('rsdk_portalName');
+
// Note: myLoadPortal and myLoadDefaultPortal are set when bootstrapWithAuthHeader is invoked
- if ( queryPortal ) {
- myLoadPortal("pega-root", queryPortal, []);
- } else if( thePortal ) {
+ if (queryPortal) {
+ myLoadPortal('pega-root', queryPortal, []);
+ } else if (thePortal) {
// eslint-disable-next-line no-console
console.log(`Loading specified appPortal: ${thePortal}`);
- myLoadPortal("pega-root", thePortal, []);
- }
- else if( myLoadDefaultPortal && defaultPortal ) {
+ myLoadPortal('pega-root', thePortal, []);
+ } else if (myLoadDefaultPortal && defaultPortal && !excludePortals.includes(defaultPortal)) {
// eslint-disable-next-line no-console
console.log(`Loading default portal`);
- myLoadDefaultPortal("pega-root", []);
- }
- else {
- // This path of selecting a portal by enumerating entries within current user's access group's portals list
- // relies on Traditional DX APIs and should be avoided when the Constellation bootstrap supports
- // the loadDefaultPortal API
- SdkConfigAccess.selectPortal()
- .then( () => {
- const selPortal = SdkConfigAccess.getSdkConfigServer().appPortal;
- myLoadPortal("pega-root", selPortal, []); // this is defined in bootstrap shell that's been loaded already
+ myLoadDefaultPortal('pega-root', []);
+ } else {
+ // eslint-disable-next-line no-console
+ console.log('Loading portal selection screen');
+ setPortalSelectionScreen(true);
+ setDefaultPortalName(defaultPortal);
+ // Getting current user's access group's available portals list other than excluded portals (relies on Traditional DX APIs)
+ getAvailablePortals().then((portals) => {
+ setAvailablePortals(portals as Array);
});
}
}
+ function loadSelectedPortal(portal) {
+ setPortalSelectionScreen(false);
+ myLoadPortal('app-root', portal, []); // this is defined in bootstrap shell that's been loaded already
+ }
+
+
function doRedirectDone() {
history.push(window.location.pathname);
// appName and mainRedirect params have to be same as earlier invocation
@@ -186,20 +186,23 @@ export default function FullPortal() {
// One time (initialization)
useEffect(() => {
-
- document.addEventListener("SdkConstellationReady", () => {
+ document.addEventListener('SdkConstellationReady', () => {
// start the portal
startPortal();
});
-
- // Login if needed, without doing an initial main window redirect
+ // Login if needed, doing an initial main window redirect
loginIfNecessary({appName:'portal', mainRedirect:true, redirectDoneCB:doRedirectDone});
}, []);
- return (
+ return portalSelectionScreen ? (
+
+ ) : (