@pega/dx-component-builder-sdk 0.242.4 → 0.242.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/dx-component-builder-sdk",
-  "version": "0.242.4",
+  "version": "0.242.5",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/create/templates/Constellation/field/Decimal/index.tsx.mustache

@@ -88,8 +88,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   }, [validatemessage, hasSuggestions, status]);
 
   const { decimalPrecision, currencyDecimalPrecision } = props;
-  let numberOfDecimals: number | undefined = parseInt(decimalPrecision, 10);
+  let numberOfDecimals = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
+    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
   let noOfFractionDigits = currencyDecimalPrecision === 'auto' ? undefined : parseInt(currencyDecimalPrecision, 10);
@@ -225,13 +226,15 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         }
         setDecimalValue(enteredValue);
         if (value !== (enteredValue !== '' ? Number(enteredValue) : '')) {
-          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue).toString() : '');
+          // @ts-ignore
+          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue) : '');
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
         if (!value || hasValueChange.current) {
-          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue).toString() : '');
+          // @ts-ignore
+          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue) : '');
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");
           }

package/src/tasks/create/templates/Constellation/field/Decimal-Currency/index.tsx.mustache

@@ -1,3 +1,4 @@
+
 import { useState, useEffect } from 'react';
 import {
   CurrencyInput as CosmosCurrency,
@@ -264,8 +265,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         });
       }}
       onBlur={(enteredValue) => {
-        const parsedValue = enteredValue !== '' ? Number(enteredValue).toString() : enteredValue;
+        const parsedValue = enteredValue !== '' ? Number(enteredValue) : enteredValue;
         if (!readOnly && (!value || value !== parsedValue)) {
+           // @ts-ignore
           handleEvent(actions, 'changeNblur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion('');

package/src/tasks/create/templates/Constellation/field/Decimal-Percentage/index.tsx.mustache

@@ -94,8 +94,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let numberOfDecimals : number | undefined = parseInt(decimalPrecision, 10);
+  let numberOfDecimals = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
+    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
 
@@ -246,13 +247,15 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         }
         setPercentageValue(enteredValue);
         if (value !== enteredValue) {
+          // @ts-ignore
           handleEvent(actions, 'change', propName, enteredValue);
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
-        const parsedValue = percentageValue !== '' ? Number(percentageValue).toString() : '';
+        const parsedValue = percentageValue !== '' ? Number(percentageValue) : '';
         if (!value || hasValueChange.current) {
+          // @ts-ignore
           handleEvent(actions, 'blur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/index.tsx.mustache

@@ -497,14 +497,14 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const pConn = getPConnect();
   const contextName = getPConnect().getContextName();
   const actions = pConn.getActionsApi();
-  const [dataApiObj, setDataApiObj] = useState(() => ({} as any));
+  const [dataApiObj, setDataApiObj] = useState(() => ({}));
   const [filterValue, setFilterValue] = useState('');
   const [loading, setLoading] = useState(listType !== 'associated');
   // const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
   const [selected, setSelected] = useState();
   const hasMoreResults = useRef(true);
   const inputValueRef = useRef('');
-  const displayFieldMeta: any = useRef(null);
+  const displayFieldMeta = useRef(null);
   const [actualValue, setActualValue] = useState();
   const [newRecordCreated, setNewRecordCreated] = useState();
 
@@ -645,13 +645,15 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       }
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue)
             doSearch(
               '',
               getDisplayFieldsMetaData(dataConfig.columns),
+              // @ts-ignore
               dataObj,
               setItems as any,
               setLoading,
@@ -677,10 +679,12 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     if (!dataRefMount && !displayMode && listType === 'datapage') {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue) {
+            // @ts-ignore
             if (displayFieldMeta?.current?.key === displayFieldMeta?.current?.primary) {
               const displayItem = {
                 id: value,
@@ -692,6 +696,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -711,6 +716,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -769,16 +775,22 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     ) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
+          // @ts-ignore
           buildColumnForDisplayValue(dataObj);
           // SET matchPosition to EQUALS to return exact matching record
+          // @ts-ignore
           dataObj.matchPosition = 'equals';
+          // @ts-ignore
           dataObj
             .fetchData(value)
             .then((displayResponse: { data: Array<never> }) => {
               let columnsWithSetProperty: string | Array<any> = [];
+              // @ts-ignore
               if (dataApiObj.columns) {
+                // @ts-ignore
                 columnsWithSetProperty = dataApiObj.columns
                   .filter(
                     (col: { setProperty: string }) =>
@@ -793,9 +805,12 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               const searchedItem = displayResponseData.map((entry: { [x: string]: any }) => {
                 const secondaryArr: Array<any> = [];
                 const secondaryFieldValues: Array<any> = [];
+                // @ts-ignore
                 displayFieldMeta.current.secondary.forEach((col: string) => {
+                  // @ts-ignore
                   if (!displayFieldMeta.hidden.includes(col)) secondaryArr.push(entry[col]);
                   if (columnsWithSetProperty.includes(col)) {
+                    // @ts-ignore
                     if (dataApiObj.isQueryable) {
                       secondaryFieldValues.push(entry[col]);
                     } else {
@@ -804,7 +819,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
                   }
                 });
                 return {
+                  // @ts-ignore
                   id: entry[displayFieldMeta.current.key],
+                  // @ts-ignore
                   primary: entry[displayFieldMeta.current.primary],
                   secondary: secondaryArr,
                   secondaryFieldValues
@@ -815,11 +832,13 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               setSelected(searchedItem[0]);
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             })
             .catch(() => {
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             });
         });
@@ -837,17 +856,21 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         };
       })
     );
-    setSelected(undefined);
+    // @ts-ignore
+    setSelected(null);
     inputValueRef.current = '';
   };
 
   const onChangeHandler = (ev: { target: { value: any } }) => {
     if (hasSuggestions) {
-      pConn.ignoreSuggestion('');
+      // @ts-ignore
+      pConn.ignoreSuggestion();
       setStatus(undefined);
     }
 
+    // @ts-ignore
     dataApiObj.columns = dataConfig.columns;
+    // @ts-ignore
     dataApiObj.matchPosition = dataConfig.matchPosition;
     const searchText = ev.target.value;
     inputValueRef.current = searchText;
@@ -856,14 +879,15 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       clearSelections();
     }
     setFilterValue(searchText);
+    // @ts-ignore
     if (listType === 'datapage' && dataApiObj.isQueryable) {
       hasMoreResults.current = true;
       if (searchText.length < 5) {
         searchHandlerThrottled(
           searchText,
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -871,9 +895,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       } else {
         searchHandlerDebounced(
           searchText,
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -881,12 +905,14 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       }
     } else if (
       listType === 'associated' ||
+      // @ts-ignore
       (listType === 'datapage' && dataApiObj?.isQueryable === false)
     ) {
       paginateHelperApis.resetIndexes();
       const progressivePaginatedRecords = paginateHelperApis.fetchData(
         inputValueRef.current,
         false,
+        // @ts-ignore
         dataApiObj.columns
       );
       setItems(progressivePaginatedRecords);
@@ -913,19 +939,21 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
 
     setFilterValue('');
     if (!selected && inputValueRef.current !== '') {
+      // @ts-ignore
       if (listType === 'datapage' && dataApiObj.isQueryable) {
         hasMoreResults.current = true;
         searchHandlerThrottled(
           '',
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
         );
       } else if (
         listType === 'associated' ||
+        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)
       ) {
         paginateHelperApis.resetIndexes();
@@ -948,6 +976,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     // @ts-ignore
     setSelected(menuHelpers.getSelected(updatedItems)[0]);
     // const { id: itemId } = menuHelpers.getSelected(updatedItems)[0];
+    // @ts-ignore
     const assocProp = pConn.getStateProps().value;
     const propValue = setValueToAssocProp(
       assocProp,
@@ -980,6 +1009,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const loadMore = () => {
     if (
       (listType === 'associated' ||
+        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)) &&
       paginateHelperApis.hasMoreResults(inputValueRef.current)
     ) {
@@ -989,18 +1019,23 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         progressivePaginatedRecords = removeDuplicates(previousItems, progressivePaginatedRecords);
         return [...previousItems, ...progressivePaginatedRecords];
       });
+      // @ts-ignore
     } else if (listType === 'datapage' && dataApiObj.isQueryable && hasMoreResults.current) {
       setLoading(true);
       dataApiObj
+        // @ts-ignore
         .fetchPaginatedData(inputValueRef.current)
         .then((response: { pageSize: number; data: Array<never> }) => {
           setLoading(false);
+          // @ts-ignore
           if (response.pageSize === 0 || response.pageSize < dataApiObj.pageSize) {
             hasMoreResults.current = false;
           }
           const listObjData = response.data || [];
           let columnsWithSetProperty: string | Array<any> = [];
+          // @ts-ignore
           if (dataApiObj.columns) {
+            // @ts-ignore
             columnsWithSetProperty = dataApiObj.columns
               .filter(
                 (col: { setProperty: string }) =>
@@ -1014,9 +1049,12 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
           const searchedItems = listObjData.map((entry: { [x: string]: any }) => {
             const secondaryArr: Array<any> = [];
             const secondaryFieldValues: Array<any> = [];
+            // @ts-ignore
             displayFieldMeta.current.secondary.forEach((col: string) => {
+              // @ts-ignore
               if (!displayFieldMeta.current.hidden.includes(col)) secondaryArr.push(entry[col]);
               if (columnsWithSetProperty.includes(col)) {
+                // @ts-ignore
                 if (dataApiObj.isQueryable) {
                   secondaryFieldValues.push(entry[col]);
                 } else {
@@ -1025,7 +1063,9 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
               }
             });
             return {
+              // @ts-ignore
               id: entry[displayFieldMeta.current.key],
+              // @ts-ignore
               primary: entry[displayFieldMeta.current.primary],
               secondary: secondaryArr,
               secondaryFieldValues
@@ -1036,6 +1076,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         })
         .catch(() => {
           setLoading(false);
+          // @ts-ignore
           dataApiObj.pageSize -= 1;
         });
     }
@@ -1121,6 +1162,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
           selected: item.items ? undefined : !!item.selected || item.id === selected?.id
         })),
         onItemClick: selectItem,
+        // @ts-ignore
         emptyText: pConn.getLocalizedValue('No items'),
         loading,
         loadMore,

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/utils.ts.mustache

@@ -187,7 +187,7 @@ export const updatePropertiesForNewRecord = (
       dataObj
         .fetchData(newCaseId)
         // @ts-ignore
-        .then((displayResponse: any) => {
+        .then(displayResponse => {
           let columnsWithSetProperty = [];
           if (dataApiObj.columns) {
             columnsWithSetProperty = dataApiObj.columns

package/src/tasks/create/templates/Constellation/template/DETAILS/Avatar.tsx.mustache

@@ -22,8 +22,8 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/src/tasks/create/templates/Constellation/template/DETAILS-region/Avatar.tsx.mustache

@@ -22,8 +22,8 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/src/tasks/create/templates/Constellation/widget/PAGE-CASE/Avatar.tsx.mustache

@@ -22,8 +22,8 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: {{COMPONENT_CLASS_NAME}}AvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/src/tasks/create/templates/SDK-React/field/Decimal/index.tsx.mustache

@@ -73,7 +73,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   if (formatter === 'Currency') {
     formattedValue = format(value, formatter.toLowerCase(), theCurrencyOptions);
   } else {
-    formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+    formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
   }
 
   if (displayMode === 'DISPLAY_ONLY') {

package/src/tasks/create/templates/SDK-React/field/Decimal-Currency/index.tsx.mustache

@@ -62,7 +62,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   const theCurrSep = theSymbols.theDigitGroupSeparator;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

package/src/tasks/create/templates/SDK-React/field/Decimal-Percentage/index.tsx.mustache

@@ -54,7 +54,7 @@ export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}
   const helperTextToDisplay = validatemessage || helperText;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/index.tsx

@@ -1,3 +1,4 @@
+
 import { useState, useEffect } from 'react';
 import {
   CurrencyInput as CosmosCurrency,
@@ -261,8 +262,9 @@ function PegaDxilMyCurrency(props: PegaDxilMyCurrencyProps) {
         });
       }}
       onBlur={(enteredValue) => {
-        const parsedValue = enteredValue !== '' ? Number(enteredValue).toString() : enteredValue;
+        const parsedValue = enteredValue !== '' ? Number(enteredValue) : enteredValue;
         if (!readOnly && (!value || value !== parsedValue)) {
+           // @ts-ignore
           handleEvent(actions, 'changeNblur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion('');

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyDecimal/index.tsx

@@ -88,8 +88,9 @@ function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
   }, [validatemessage, hasSuggestions, status]);
 
   const { decimalPrecision, currencyDecimalPrecision } = props;
-  let numberOfDecimals: number | undefined = parseInt(decimalPrecision, 10);
+  let numberOfDecimals = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
+    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
   let noOfFractionDigits = currencyDecimalPrecision === 'auto' ? undefined : parseInt(currencyDecimalPrecision, 10);
@@ -222,13 +223,15 @@ function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
         }
         setDecimalValue(enteredValue);
         if (value !== (enteredValue !== '' ? Number(enteredValue) : '')) {
-          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue).toString() : '');
+          // @ts-ignore
+          handleEvent(actions, 'change', propName, enteredValue !== '' ? Number(enteredValue) : '');
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
         if (!value || hasValueChange.current) {
-          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue).toString() : '');
+          // @ts-ignore
+          handleEvent(actions, 'blur', propName, decimalValue !== '' ? Number(decimalValue) : '');
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");
           }

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MyPercentage/index.tsx

@@ -94,8 +94,9 @@ function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
     }
   }, [validatemessage, hasSuggestions, status]);
 
-  let numberOfDecimals : number | undefined = parseInt(decimalPrecision, 10);
+  let numberOfDecimals = parseInt(decimalPrecision, 10);
   if (Number.isNaN(numberOfDecimals)) {
+    // @ts-ignore
     numberOfDecimals = decimalPrecision === '' ? undefined : 2;
   }
 
@@ -240,13 +241,15 @@ function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
         }
         setPercentageValue(enteredValue);
         if (value !== enteredValue) {
+          // @ts-ignore
           handleEvent(actions, 'change', propName, enteredValue);
           hasValueChange.current = true;
         }
       }}
       onBlur={() => {
-        const parsedValue = percentageValue !== '' ? Number(percentageValue).toString() : '';
+        const parsedValue = percentageValue !== '' ? Number(percentageValue) : '';
         if (!value || hasValueChange.current) {
+          // @ts-ignore
           handleEvent(actions, 'blur', propName, parsedValue);
           if (hasSuggestions) {
             pConn.ignoreSuggestion("");

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MySearchbox/index.tsx

@@ -497,14 +497,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const pConn = getPConnect();
   const contextName = getPConnect().getContextName();
   const actions = pConn.getActionsApi();
-  const [dataApiObj, setDataApiObj] = useState(() => ({} as any));
+  const [dataApiObj, setDataApiObj] = useState(() => ({}));
   const [filterValue, setFilterValue] = useState('');
   const [loading, setLoading] = useState(listType !== 'associated');
   // const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
   const [selected, setSelected] = useState();
   const hasMoreResults = useRef(true);
   const inputValueRef = useRef('');
-  const displayFieldMeta: any = useRef(null);
+  const displayFieldMeta = useRef(null);
   const [actualValue, setActualValue] = useState();
   const [newRecordCreated, setNewRecordCreated] = useState();
 
@@ -645,13 +645,15 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       }
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue)
             doSearch(
               '',
               getDisplayFieldsMetaData(dataConfig.columns),
+              // @ts-ignore
               dataObj,
               setItems as any,
               setLoading,
@@ -677,10 +679,12 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     if (!dataRefMount && !displayMode && listType === 'datapage') {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue) {
+            // @ts-ignore
             if (displayFieldMeta?.current?.key === displayFieldMeta?.current?.primary) {
               const displayItem = {
                 id: value,
@@ -692,6 +696,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -711,6 +716,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -769,16 +775,22 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     ) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then((dataObj: any) => {
+        .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
+          // @ts-ignore
           buildColumnForDisplayValue(dataObj);
           // SET matchPosition to EQUALS to return exact matching record
+          // @ts-ignore
           dataObj.matchPosition = 'equals';
+          // @ts-ignore
           dataObj
             .fetchData(value)
             .then((displayResponse: { data: Array<never> }) => {
               let columnsWithSetProperty: string | Array<any> = [];
+              // @ts-ignore
               if (dataApiObj.columns) {
+                // @ts-ignore
                 columnsWithSetProperty = dataApiObj.columns
                   .filter(
                     (col: { setProperty: string }) =>
@@ -793,9 +805,12 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               const searchedItem = displayResponseData.map((entry: { [x: string]: any }) => {
                 const secondaryArr: Array<any> = [];
                 const secondaryFieldValues: Array<any> = [];
+                // @ts-ignore
                 displayFieldMeta.current.secondary.forEach((col: string) => {
+                  // @ts-ignore
                   if (!displayFieldMeta.hidden.includes(col)) secondaryArr.push(entry[col]);
                   if (columnsWithSetProperty.includes(col)) {
+                    // @ts-ignore
                     if (dataApiObj.isQueryable) {
                       secondaryFieldValues.push(entry[col]);
                     } else {
@@ -804,7 +819,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
                   }
                 });
                 return {
+                  // @ts-ignore
                   id: entry[displayFieldMeta.current.key],
+                  // @ts-ignore
                   primary: entry[displayFieldMeta.current.primary],
                   secondary: secondaryArr,
                   secondaryFieldValues
@@ -815,11 +832,13 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               setSelected(searchedItem[0]);
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             })
             .catch(() => {
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             });
         });
@@ -837,17 +856,21 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         };
       })
     );
-    setSelected(undefined);
+    // @ts-ignore
+    setSelected(null);
     inputValueRef.current = '';
   };
 
   const onChangeHandler = (ev: { target: { value: any } }) => {
     if (hasSuggestions) {
-      pConn.ignoreSuggestion('');
+      // @ts-ignore
+      pConn.ignoreSuggestion();
       setStatus(undefined);
     }
 
+    // @ts-ignore
     dataApiObj.columns = dataConfig.columns;
+    // @ts-ignore
     dataApiObj.matchPosition = dataConfig.matchPosition;
     const searchText = ev.target.value;
     inputValueRef.current = searchText;
@@ -856,14 +879,15 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       clearSelections();
     }
     setFilterValue(searchText);
+    // @ts-ignore
     if (listType === 'datapage' && dataApiObj.isQueryable) {
       hasMoreResults.current = true;
       if (searchText.length < 5) {
         searchHandlerThrottled(
           searchText,
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -871,9 +895,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       } else {
         searchHandlerDebounced(
           searchText,
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -881,12 +905,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       }
     } else if (
       listType === 'associated' ||
+      // @ts-ignore
       (listType === 'datapage' && dataApiObj?.isQueryable === false)
     ) {
       paginateHelperApis.resetIndexes();
       const progressivePaginatedRecords = paginateHelperApis.fetchData(
         inputValueRef.current,
         false,
+        // @ts-ignore
         dataApiObj.columns
       );
       setItems(progressivePaginatedRecords);
@@ -913,19 +939,21 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
 
     setFilterValue('');
     if (!selected && inputValueRef.current !== '') {
+      // @ts-ignore
       if (listType === 'datapage' && dataApiObj.isQueryable) {
         hasMoreResults.current = true;
         searchHandlerThrottled(
           '',
+          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
-          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
         );
       } else if (
         listType === 'associated' ||
+        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)
       ) {
         paginateHelperApis.resetIndexes();
@@ -948,6 +976,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     // @ts-ignore
     setSelected(menuHelpers.getSelected(updatedItems)[0]);
     // const { id: itemId } = menuHelpers.getSelected(updatedItems)[0];
+    // @ts-ignore
     const assocProp = pConn.getStateProps().value;
     const propValue = setValueToAssocProp(
       assocProp,
@@ -980,6 +1009,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const loadMore = () => {
     if (
       (listType === 'associated' ||
+        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)) &&
       paginateHelperApis.hasMoreResults(inputValueRef.current)
     ) {
@@ -989,18 +1019,23 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         progressivePaginatedRecords = removeDuplicates(previousItems, progressivePaginatedRecords);
         return [...previousItems, ...progressivePaginatedRecords];
       });
+      // @ts-ignore
     } else if (listType === 'datapage' && dataApiObj.isQueryable && hasMoreResults.current) {
       setLoading(true);
       dataApiObj
+        // @ts-ignore
         .fetchPaginatedData(inputValueRef.current)
         .then((response: { pageSize: number; data: Array<never> }) => {
           setLoading(false);
+          // @ts-ignore
           if (response.pageSize === 0 || response.pageSize < dataApiObj.pageSize) {
             hasMoreResults.current = false;
           }
           const listObjData = response.data || [];
           let columnsWithSetProperty: string | Array<any> = [];
+          // @ts-ignore
           if (dataApiObj.columns) {
+            // @ts-ignore
             columnsWithSetProperty = dataApiObj.columns
               .filter(
                 (col: { setProperty: string }) =>
@@ -1014,9 +1049,12 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
           const searchedItems = listObjData.map((entry: { [x: string]: any }) => {
             const secondaryArr: Array<any> = [];
             const secondaryFieldValues: Array<any> = [];
+            // @ts-ignore
             displayFieldMeta.current.secondary.forEach((col: string) => {
+              // @ts-ignore
               if (!displayFieldMeta.current.hidden.includes(col)) secondaryArr.push(entry[col]);
               if (columnsWithSetProperty.includes(col)) {
+                // @ts-ignore
                 if (dataApiObj.isQueryable) {
                   secondaryFieldValues.push(entry[col]);
                 } else {
@@ -1025,7 +1063,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               }
             });
             return {
+              // @ts-ignore
               id: entry[displayFieldMeta.current.key],
+              // @ts-ignore
               primary: entry[displayFieldMeta.current.primary],
               secondary: secondaryArr,
               secondaryFieldValues
@@ -1036,6 +1076,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         })
         .catch(() => {
           setLoading(false);
+          // @ts-ignore
           dataApiObj.pageSize -= 1;
         });
     }
@@ -1119,6 +1160,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
           selected: item.items ? undefined : !!item.selected || item.id === selected?.id
         })),
         onItemClick: selectItem,
+        // @ts-ignore
         emptyText: pConn.getLocalizedValue('No items'),
         loading,
         loadMore,

package/tests/assets/sdk-r/components/createAll/custom-constellation/field/Pega_DXIL_MySearchbox/utils.ts

@@ -187,7 +187,7 @@ export const updatePropertiesForNewRecord = (
       dataObj
         .fetchData(newCaseId)
         // @ts-ignore
-        .then((displayResponse: any) => {
+        .then(displayResponse => {
           let columnsWithSetProperty = [];
           if (dataApiObj.columns) {
             columnsWithSetProperty = dataApiObj.columns

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/Pega_DXIL_MyDetails/Avatar.tsx

@@ -22,8 +22,8 @@ function Avatar(props: PegaDxilMyDetailsAvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: PegaDxilMyDetailsAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/Pega_DXIL_MyTwoColumnDetails/Avatar.tsx

@@ -22,8 +22,8 @@ function Avatar(props: PegaDxilMyTwoColumnDetailsAvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: PegaDxilMyTwoColumnDetailsAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/tests/assets/sdk-r/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageCaseWidget/Avatar.tsx

@@ -22,8 +22,8 @@ function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
   // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
   // This is non CaseView case (Dashboard, MyWork etc)
   if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? "";
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? "";
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
   } else {
     userName = metaObj.name;
     userIdentifier = metaObj.ID;
@@ -46,20 +46,22 @@ function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    // @ts-ignore
+    const handleUserStateChange = ({ state }) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
+    // @ts-ignore
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyCurrency/index.tsx

@@ -62,7 +62,7 @@ export default function PegaDxilMyCurrency(props: PegaDxilMyCurrencyProps) {
   const theCurrSep = theSymbols.theDigitGroupSeparator;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyDecimal/index.tsx

@@ -73,7 +73,7 @@ export default function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
   if (formatter === 'Currency') {
     formattedValue = format(value, formatter.toLowerCase(), theCurrencyOptions);
   } else {
-    formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+    formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
   }
 
   if (displayMode === 'DISPLAY_ONLY') {

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPercentage/index.tsx

@@ -54,7 +54,7 @@ export default function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
   const helperTextToDisplay = validatemessage || helperText;
 
   const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
+  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
 
   let readOnlyProp = {}; // Note: empty if NOT ReadOnly
 

package/tests/assets/sdk-r/components/createAll/custom-sdk/field/Pega_DXIL_MyPhone/index.tsx

@@ -1,5 +1,5 @@
-import MuiPhoneNumber from 'material-ui-phone-number';
 import { useEffect, useState } from 'react';
+import { MuiTelInput } from 'mui-tel-input';
 
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
@@ -63,12 +63,12 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
     return (
       <div>
         <StyledPegaDxilMyPhoneWrapper>
-          <MuiPhoneNumber
+          <MuiTelInput
             fullWidth
             helperText={helperTextToDisplay}
             placeholder={placeholder ?? ''}
             size='small'
-            defaultCountry='us'
+            defaultCountry='US'
             required={required}
             disabled={disabled}
             onChange={onChange}
@@ -99,13 +99,13 @@ export default function PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
 
   return (
     <StyledPegaDxilMyPhoneWrapper>
-      <MuiPhoneNumber
+      <MuiTelInput
         fullWidth
         variant='outlined'
         helperText={helperTextToDisplay}
         placeholder={placeholder ?? ''}
         size='small'
-        defaultCountry='us'
+        defaultCountry='US'
         required={required}
         disabled={disabled}
         onChange={handleChange}

package/tests/functional/sdk-r/localCreateAllListDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('createAll list and deleteAll local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run createAll Local custom', async () => {
     const script = `npm run createAll "My" 0.0.1 DXIL "" Pega --prefix ../../..`;

package/tests/functional/sdk-r/localCreateAllListDeleteAllOverride.test.js

@@ -12,7 +12,7 @@ describe('overrideAll list and deleteAll local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run overrideAll Local', async () => {
     const script = `npm run overrideAll --prefix ../../..`;

package/tests/functional/sdk-r/localCreateBuildAllDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('create buildAll and deleteAll local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';
@@ -133,7 +133,7 @@ describe('create buildAll and deleteAll local custom', () => {
     expect(stdout).toContain('Pega_DXIL_MyTestPage');
     expect(stdout).toContain('Pega_DXIL_MyTestDetails');
     // done();
-  }, 100000);
+  }, 200000);
 
   it('npm run deleteAll Local custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;

package/tests/functional/sdk-r/localCreateBuildDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create build and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-r/localCreateBuildDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create build and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local override', async () => {
     const fileName = 'AutoComplete';
@@ -49,7 +49,7 @@ describe('create build and delete local override', () => {
     // expect(stdout).toContain(`${newFileNameConstellation} schema is valid`);
     // expect(stdout).toContain('Compiled successfully.');
     // done();
-  }, 30000);
+  }, 200000);
 
   it('npm run delete Local override', async () => {
     const fileName = 'AutoComplete';

package/tests/functional/sdk-r/localCreateListDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create list and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-r/localCreateListDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create list and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local override', async () => {
     const fileName = 'AutoComplete';

package/tests/functional/sdk-r/localCreateMapAllClearMap.test.js

@@ -12,7 +12,7 @@ describe('create mapAll clearMap custom local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-r/localCreatePublishAllDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('create publish and deleteAll local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';
@@ -165,7 +165,7 @@ describe('create publish and deleteAll local', () => {
     expect(isInMap).toBeTruthy();
 
     // done();
-  }, 100000);
+  }, 500000);
 
   it('npm run deleteAll Local verify not in map custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;

package/tests/functional/sdk-r/localCreatePublishAllDeleteAllOverride.test.js

@@ -12,7 +12,7 @@ describe('override publish and deleteAll local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 20000);
 
   it('npm run override auto complete override', async () => {
     const fileName = 'AutoComplete';

package/tests/functional/sdk-r/localCreatePublishDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create publish and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-r/localCreatePublishDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create publish and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local override', async () => {
     const fileName = 'AutoComplete';
@@ -61,7 +61,7 @@ describe('create publish and delete local override', () => {
 
 
     expect(isInMap).toBeTruthy();
-  }, 30000);
+  }, 200000);
 
   it('npm run delete Local override verify removed from map', async () => {
     const fileName = 'AutoComplete';

package/tests/functional/sdk-r/localCreateRenameDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create rename and delete local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 10000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';