@pega/react-sdk-overrides 8.8.21 → 8.23.11-debug

package/lib/helpers/config_access.js

@@ -1,5 +1,6 @@
 // Helper singleton class to assist with loading and accessing
 //  the SDK Config JSON
+import { sdkGetAuthHeader } from './authManager';
 import { isEmptyObject } from './common-utils';
 
 // Create a singleton for this class (with async loading of config file) and export it
@@ -121,6 +122,78 @@ class ConfigAccess {
     this.sdkConfig.serverConfig[key] = value;
   };
 
+  /**
+   * Get available portals which supports SDK
+   * @returns list of available portals (portals other than excludingPortals list)
+   */
+  async getAvailablePortals() {
+    return new Promise(async (resolve, reject) => {
+      if (isEmptyObject(this.sdkConfig)) {
+        await getSdkConfig();
+      }
+
+      const serverConfig = this.sdkConfig.serverConfig;
+
+      const userAccessGroup = PCore.getEnvironmentInfo().getAccessGroup();
+      const dataPageName = 'D_OperatorAccessGroups';
+      const serverUrl = serverConfig.infinityRestServerUrl;
+      const appAlias = serverConfig.appAlias;
+      const appAliasPath = appAlias ? `/app/${appAlias}` : '';
+      const arExcludedPortals = serverConfig['excludePortals'];
+      let headers = {
+        Authorization: sdkGetAuthHeader(),
+        'Content-Type': 'application/json'
+      };
+
+      // Using v1 API here as v2 data_views is not able to access same data page currently.  Should move to avoid having this logic to find
+      //  a default portal or constellation portal and rather have Constellation JS Engine API just load the default portal
+      fetch(`${serverUrl}${appAliasPath}/api/v1/data/${dataPageName}`, {
+        method: 'GET',
+        headers
+      })
+        .then(response => {
+          if (response.ok && response.status === 200) {
+            return response.json();
+          } else {
+            if (response.status === 401) {
+              // Might be either a real token expiration or revoke, but more likely that the "api" service package is misconfigured
+              throw new Error(
+                `Attempt to access ${dataPageName} failed.  The "api" service package is likely not configured to use "OAuth 2.0"`
+              );
+            }
+            throw new Error(`HTTP Error: ${response.status}`);
+          }
+        })
+        .then(async agData => {
+          const arAccessGroups = agData.pxResults;
+          const availablePortals = [];
+
+          for (let ag of arAccessGroups) {
+            if (ag.pyAccessGroup === userAccessGroup) {
+              console.error(
+                `Default portal for current operator (${ag.pyPortal}) is not compatible with SDK.\nConsider using a different operator, adjusting the default portal for this operator, or using "appPortal" setting within sdk-config.json to specify a specific portal to load.`
+              );
+              for (let portal of ag.pyUserPortals) {
+                if (!arExcludedPortals.includes(portal.pyPortalLayout)) {
+                  availablePortals.push(portal.pyPortalLayout);
+                }
+              }
+              break;
+            }
+          }
+
+          // Found operator's current access group. Use its portal
+          console.log(`Available portals: ${availablePortals}`);
+
+          resolve(availablePortals);
+        })
+        .catch(e => {
+          console.error(e.message);
+          // check specific error if 401, and wiped out if so stored token is stale.  Fetch new tokens.
+        });
+    });
+  }
+
   /**
    * Path to the BootstrapCSS
    * @returns the locBootstrapCSS from the serverConfig block of the sdk-config.json file

package/lib/helpers/date-format-utils.ts

@@ -7,7 +7,7 @@ export const dateFormatInfoDefault = {
   dateFormatMask: '__/__/____'
 };
 
-export const getDateFormatInfo = (): typeof dateFormatInfoDefault => {
+export const getDateFormatInfo = () => {
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'CosmosFields';
   const theDateFormatInfo = dateFormatInfoDefault;

package/lib/helpers/event-utils.ts

@@ -1,6 +1,6 @@
 // From DX Components src/utils/event-utils.js
 
-const handleEvent = (actions: any, eventType: string, propName: string, value: string) => {
+const handleEvent = (actions, eventType, propName, value) => {
   switch (eventType) {
     case "change":
       actions.updateFieldValue(propName, value);

package/lib/helpers/formatters/Currency.ts

@@ -2,8 +2,8 @@ import { getLocale } from "./common";
 import CurrencyMap from "./CurrencyMap";
 
 // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style="", currency="USD" } = {}): string {
-  const currentLocale: string | undefined = getLocale(locale);
+function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style="", currency="USD" } = {}) {
+  const currentLocale = getLocale(locale);
   if (value !== null && value !== undefined) {
     return Number(value).toLocaleString(currentLocale, {
       minimumFractionDigits: decPlaces,
@@ -14,11 +14,11 @@ function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style="", cur
 }
 
 function CurrencyFormatter(
-  value: string,
+  value,
   { symbol = true, position="before", locale="en-US", decPlaces = 2, style = "currency", currency = "USD" } = {}
-): string {
-  const currentLocale: string | undefined = getLocale(locale);
-  let formattedValue: string = value;
+) {
+  const currentLocale = getLocale(locale);
+  let formattedValue = value;
   if (value !== null && value !== undefined && value !== '') {
     formattedValue = NumberFormatter(value, {
       locale: currentLocale,
@@ -27,14 +27,14 @@ function CurrencyFormatter(
       currency
     });
 
-    let countryCode: string | undefined =  currentLocale?.split("-")[1].toUpperCase();
+    let countryCode =  currentLocale.split("-")[1].toUpperCase();
 
     // If countryCode is still undefined, setting it as US
     if( !countryCode ){
       countryCode = 'US';
     }
 
-    let code: string;
+    let code;
     if (symbol) {
       code = CurrencyMap[countryCode]?.symbolFormat;
     } else {
@@ -43,7 +43,7 @@ function CurrencyFormatter(
 
     // if position is provided, change placeholder accordingly.
     if (position && code) {
-      if (position.toLowerCase() === "before" && code.startsWith("{#}")) {
+      if (position.toLowerCase() === "before" && code.indexOf("{#}") === 0) {
         code = code.slice(3) + code.slice(0, 3);
       } else if (
         position.toLowerCase() === "after" &&
@@ -57,8 +57,8 @@ function CurrencyFormatter(
   return formattedValue;
 }
 
-function SymbolFormatter(value, { symbol="$", suffix = true, locale="en-US" } = {}): string {
-  let formattedValue: string = value;
+function SymbolFormatter(value, { symbol="$", suffix = true, locale="en-US" } = {}) {
+  let formattedValue = value;
   if (value !== null && value !== undefined) {
     formattedValue = NumberFormatter(value, { locale });
     return suffix ? `${formattedValue}${symbol}` : `${symbol}${formattedValue}`;

package/lib/helpers/formatters/CurrencyMap.ts

@@ -1,32 +1,29 @@
 /* eslint-disable no-template-curly-in-string */
-
-type CurrencyMapType = { name: string, symbolFormat: string, currencyCode: string}
-
-const EURO: CurrencyMapType = {
+const EURO = {
   name: "Euro (EUR)",
   symbolFormat: "\u20AC{#}",
   currencyCode: "EUR {#}"
 };
 
-const USD: CurrencyMapType = {
+const USD = {
   name: "U.S. Dollar (USD)",
   symbolFormat: "${#}",
   currencyCode: "USD {#}"
 };
 
-const XAF: CurrencyMapType = {
+const XAF = {
   name: "CFA Franc (BEAC) (XAF)",
   symbolFormat: "XAF {#}",
   currencyCode: "XAF {#}"
 };
 
-const XCD: CurrencyMapType = {
+const XCD = {
   name: "East Caribbean Dollar (XCD)",
   symbolFormat: "${#}",
   currencyCode: "XCD {#}"
 };
 
-const XPF: CurrencyMapType = {
+const XPF = {
   name: "Pacific Franc (XPF)",
   symbolFormat: "₣{#}",
   currencyCode: "XPF {#}"

package/lib/helpers/formatters/Date.ts

@@ -13,7 +13,7 @@ const types = ["fromNow", "customFormat"];
 
 // value should be in ISO 8601 format.
 function DateFormatter(
-  value: string,
+  value,
   { type = types[1], format = "DD/MM/YYYY", timezone = "America/New_York" } = {}
 ) {
   if (!value) return value;

package/lib/helpers/formatters/common.ts

@@ -1,5 +1,9 @@
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
-export function getLocale(locale: string = '') {
+declare const PCore: typeof PCoreType;
+
+
+export function getLocale(locale='') {
   // use locale if specified
   if (locale) return locale;
   // otherwise, use operator locale if it's defined
@@ -8,7 +12,7 @@ export function getLocale(locale: string = '') {
   return Intl.DateTimeFormat().resolvedOptions().locale;
 }
 
-export function getCurrentTimezone(timezone: string = "America/New_York" ) {
+export function getCurrentTimezone(timezone="America/New_York") {
   if (timezone) return timezone;
   return PCore?.getLocaleUtils?.().getTimeZoneInUse?.();
 }

package/lib/helpers/formatters/index.ts

@@ -9,7 +9,7 @@ export default {
   ...DateFormatter
 };
 
-function getDateObject(text): Date {
+function getDateObject(text) {
   // TODO - cleanup formatters util functions as DX APIs are returning values per ISO std now.
   const timeStamp = text.replace(/-/g, "");
   const isDateTime = timeStamp.indexOf("GMT") !== -1;
@@ -58,8 +58,8 @@ function parseDateInISO(value) {
   return value ? getDateObject(value).toISOString() : value;
 }
 
-export function format(value, type, options = {}): string {
-  let formattedValue: string;
+export function format(value, type, options = {}) {
+  let formattedValue;
 
   switch (type?.toLowerCase()) {
     case "currency": {

package/lib/helpers/simpleTableHelpers.ts

@@ -1,4 +1,7 @@
 import { Utils } from './utils';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 export const TABLE_CELL = "SdkRenderer";
@@ -7,7 +10,7 @@ export const DELETE_ICON = "DeleteIcon";
 // BUG-615253: Workaround for autosize in table with lazy loading components
 /* istanbul ignore next */
 function getFieldWidth(field, label) {
-  let width: number;
+  let width;
   switch (field.type) {
     case "Time":
       width = 150;
@@ -45,7 +48,7 @@ function getFieldWidth(field, label) {
 export const getContext = (thePConn) => {
   const contextName = thePConn.getContextName();
   const pageReference = thePConn.getPageReference();
-  let { referenceList } = thePConn.getStateProps()?.config || thePConn.getStateProps();
+  let { referenceList } = thePConn.getStateProps().config;
   const pageReferenceForRows = referenceList.startsWith(".")
     ? `${pageReference}.${referenceList.substring(1)}`
     : referenceList;
@@ -64,7 +67,7 @@ export const getContext = (thePConn) => {
 };
 
 export const populateRowKey = (rawData) => {
-  return rawData.map((row: any, index: number) => {
+  return rawData.map((row, index) => {
     return { ...row, index };
   });
 };
@@ -102,7 +105,6 @@ export const buildMetaForListView = (
   ruleClass,
   name,
   propertyLabel,
-  isDataObject,
   parameters
 ) => {
   return {
@@ -112,12 +114,10 @@ export const buildMetaForListView = (
       referenceList: fieldMetadata.datasource.name,
       parameters: parameters ?? fieldMetadata.datasource.parameters,
       personalization: false,
-      isDataObject,
       grouping: true,
       globalSearch: true,
       reorderFields: true,
       toggleFieldVisibility: true,
-      title: propertyLabel,
       personalizationId: "" /* TODO */,
       template: "ListView",
       presets: [
@@ -209,7 +209,7 @@ export const createMetaForTable = (fields, renderMode) => {
  * @param {number} index - index of the page list to add
  */
 export const getAddRowCallback = (pConnect, index) => {
-  return () => pConnect.getListActions().insert({}, index, '');  // 3rd arg null until typedef marked correctly as optional
+  return () => pConnect.getListActions().insert({}, index);
 };
 
 /**

package/lib/helpers/state-utils.tsx

@@ -1,6 +1,9 @@
 import React, { useContext } from 'react';
 import { connect, Provider, shallowEqual } from 'react-redux';
 import ReactReduxContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 const connectToState = (mapStateToProps = () => {}) => {

package/lib/helpers/template-utils.ts

@@ -1,9 +1,12 @@
 //  This file is adapted from React DX components/template/utils.js
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 export function getAllFields(pConnect: any) {
   const metadata = pConnect.getRawMetadata();
-  let allFields: Array<any> = [];
+  let allFields = [];
   if (metadata.children && metadata.children.map) {
     allFields = metadata.children.map(fields => {
       const children = fields.children instanceof Array ? fields.children : [];
@@ -13,7 +16,7 @@ export function getAllFields(pConnect: any) {
   return allFields;
 }
 
-export function filterForFieldValueList(fields: Array<any>) {
+export function filterForFieldValueList(fields: any) {
   return fields
     .filter(({ visibility }) => visibility !== false)
     .map(({ value, label }) => ({
@@ -46,7 +49,7 @@ export function getIsAssignmentView(pConnect) {
  * @param {Function} pConnect PConnect object for the component
  * @param {string} [instructions="casestep"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)
  */
-export function getInstructions(pConnect, instructions: string = 'casestep'): string | undefined {
+export function getInstructions(pConnect, instructions = 'casestep') {
   const caseStepInstructions =
     PCore.getConstants().CASE_INFO.INSTRUCTIONS &&
     pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);

package/lib/helpers/versionHelpers.ts

@@ -4,6 +4,9 @@
  * Container helper functions that can identify which version of
  * PCore/PConnect is being run
  */
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 export const sdkVersion = "8.7";

package/lib/infra/ActionButtons/ActionButtons.tsx

@@ -1,16 +1,13 @@
 import React from "react";
+import PropTypes from "prop-types";
 import { makeStyles } from '@material-ui/core/styles';
 
 import Button from '@material-ui/core/Button';
 import { Grid, Divider } from "@material-ui/core";
 
-// ActionButtons does NOT have getPConnect. So, no need to extend from PConnProps
-interface ActionButtonsProps {
-  // If any, enter additional props that only exist on this component
-  arMainButtons?: Array<any>,
-  arSecondaryButtons?: Array<any>,
-  onButtonPress: any
-}
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 const useStyles = makeStyles((/* theme */) => ({
@@ -24,8 +21,8 @@ const useStyles = makeStyles((/* theme */) => ({
 }));
 
 
-export default function ActionButtons(props: ActionButtonsProps) {
-  const { arMainButtons = [], arSecondaryButtons = [], onButtonPress } = props;
+export default function ActionButtons(props) {
+  const { arMainButtons, arSecondaryButtons, onButtonPress } = props;
   const classes = useStyles();
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'Assignment';
@@ -63,3 +60,16 @@ export default function ActionButtons(props: ActionButtonsProps) {
 
   )
 }
+
+ActionButtons.propTypes = {
+  arMainButtons: PropTypes.array,
+  arSecondaryButtons: PropTypes.array,
+  onButtonPress: PropTypes.func
+  // buildName: PropTypes.string
+};
+
+ActionButtons.defaultProps = {
+  arMainButtons: [],
+  arSecondaryButtons: []
+  // buildName: null
+};

package/lib/infra/Assignment/Assignment.tsx

@@ -1,32 +1,23 @@
 import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+import AssignmentCard from '@pega/react-sdk-components/lib/components/infra/AssignmentCard';
+import MultiStep from '@pega/react-sdk-components/lib/components/infra/MultiStep';
 import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface AssignmentProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  itemKey: string,
-  isInModal: boolean,
-  banners: Array<any>
-  // eslint-disable-next-line react/no-unused-prop-types
-  actionButtons: Array<any>,
-}
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
-export default function Assignment(props: AssignmentProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const AssignmentCard = getComponentFromMap("AssignmentCard");
-  const MultiStep = getComponentFromMap("MultiStep");
+declare const PCore: typeof PCoreType;
 
-  const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;
+
+export default function Assignment(props) {
+  const { getPConnect, children, itemKey, isInModal, banners } = props;
   const thePConn = getPConnect();
 
   const [bHasNavigation, setHasNavigation] = useState(false);
-  const [actionButtons, setActionButtons] = useState([]);
+  const [actionButtons, setActionButtons] = useState({});
   const [bIsVertical, setIsVertical] = useState(false);
   const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState<Array<any>>([]);
   const [arNavigationSteps, setArNavigationSteps] = useState<Array<any>>([]);
@@ -81,7 +72,7 @@ export default function Assignment(props: AssignmentProps) {
 
       const oWorkItem = children[0].props.getPConnect();
       const oWorkData = oWorkItem.getDataObject();
-      const oData = thePConn.getDataObject(thePConn.getContextName());
+      const oData = thePConn.getDataObject();
 
       if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
         const oCaseInfo = oData.caseInfo;
@@ -187,7 +178,7 @@ export default function Assignment(props: AssignmentProps) {
           const isLocalAction =
             thePConn.getCaseInfo().isLocalAction() ||
             (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION &&
-              getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION, ''));// 2nd arg empty string until typedefs allow it to be optional
+              getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));
           if (isAssignmentInCreateStage && isInModal && !isLocalAction) {
             const cancelPromise = cancelCreateStageAssignment(itemKey);
 
@@ -324,3 +315,19 @@ export default function Assignment(props: AssignmentProps) {
 //         <lit-toast></lit-toast>
 //     </div>`}
 // `;
+
+Assignment.propTypes = {
+  children: PropTypes.node.isRequired,
+  getPConnect: PropTypes.func.isRequired,
+  itemKey: PropTypes.string,
+  isInModal: PropTypes.bool,
+  banners: PropTypes.any
+  // actionButtons: PropTypes.object
+  // buildName: PropTypes.string
+};
+
+Assignment.defaultProps = {
+  itemKey: null,
+  isInModal: false
+  // buildName: null
+};

package/lib/infra/AssignmentCard/AssignmentCard.tsx

@@ -1,21 +1,9 @@
 import React, { useState, useEffect } from "react";
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-interface AssignmentCardProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  actionButtons: any,
-  onButtonPress: any,
-  // eslint-disable-next-line react/no-unused-prop-types
-  itemKey?: string
-}
-
+import PropTypes from "prop-types";
 
-export default function AssignmentCard(props: AssignmentCardProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const ActionButtons = getComponentFromMap("ActionButtons");
+import ActionButtons from "@pega/react-sdk-components/lib/components/infra/ActionButtons";
 
+export default function AssignmentCard(props) {
   const { children, actionButtons, onButtonPress} = props;
 
   const [arMainButtons, setArMainButtons] = useState([]);
@@ -41,3 +29,19 @@ export default function AssignmentCard(props: AssignmentCardProps) {
     </>
   )
 }
+
+AssignmentCard.propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/no-unused-prop-types
+  getPConnect: PropTypes.func.isRequired,
+  // eslint-disable-next-line react/no-unused-prop-types
+  itemKey: PropTypes.string,
+  actionButtons: PropTypes.object,
+  onButtonPress: PropTypes.func
+  // buildName: PropTypes.string
+};
+
+AssignmentCard.defaultProps = {
+  itemKey: null,
+  // buildName: null
+};