@pega/dx-component-builder-sdk 0.24.7 → 0.25.6

package/tests/assets/sdk-a/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(() => ({}));
+  const [dataApiObj, setDataApiObj] = useState(() => ({} as any));
   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 = useRef(null);
+  const displayFieldMeta: any = useRef(null);
   const [actualValue, setActualValue] = useState();
   const [newRecordCreated, setNewRecordCreated] = useState();
 
@@ -645,15 +645,13 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       }
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           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,
@@ -679,12 +677,10 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     if (!dataRefMount && !displayMode && listType === 'datapage') {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           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,
@@ -696,7 +692,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -716,7 +711,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
-                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -775,22 +769,16 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
     ) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
-        .then(dataObj => {
-          // @ts-ignore
+        .then((dataObj: any) => {
           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 }) =>
@@ -805,12 +793,9 @@ 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 {
@@ -819,9 +804,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
                   }
                 });
                 return {
-                  // @ts-ignore
                   id: entry[displayFieldMeta.current.key],
-                  // @ts-ignore
                   primary: entry[displayFieldMeta.current.primary],
                   secondary: secondaryArr,
                   secondaryFieldValues
@@ -832,13 +815,11 @@ 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;
             });
         });
@@ -856,21 +837,17 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         };
       })
     );
-    // @ts-ignore
-    setSelected(null);
+    setSelected(undefined);
     inputValueRef.current = '';
   };
 
   const onChangeHandler = (ev: { target: { value: any } }) => {
     if (hasSuggestions) {
-      // @ts-ignore
-      pConn.ignoreSuggestion();
+      pConn.ignoreSuggestion('');
       setStatus(undefined);
     }
 
-    // @ts-ignore
     dataApiObj.columns = dataConfig.columns;
-    // @ts-ignore
     dataApiObj.matchPosition = dataConfig.matchPosition;
     const searchText = ev.target.value;
     inputValueRef.current = searchText;
@@ -879,15 +856,14 @@ 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
@@ -895,9 +871,9 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       } else {
         searchHandlerDebounced(
           searchText,
-          // @ts-ignore
           displayFieldMeta.current,
           dataApiObj,
+          // @ts-ignore
           setItems,
           setLoading,
           hasMoreResults
@@ -905,14 +881,12 @@ 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);
@@ -939,21 +913,19 @@ 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();
@@ -976,7 +948,6 @@ 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,
@@ -1009,7 +980,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const loadMore = () => {
     if (
       (listType === 'associated' ||
-        // @ts-ignore
         (listType === 'datapage' && dataApiObj?.isQueryable === false)) &&
       paginateHelperApis.hasMoreResults(inputValueRef.current)
     ) {
@@ -1019,23 +989,18 @@ 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 }) =>
@@ -1049,12 +1014,9 @@ 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 {
@@ -1063,9 +1025,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               }
             });
             return {
-              // @ts-ignore
               id: entry[displayFieldMeta.current.key],
-              // @ts-ignore
               primary: entry[displayFieldMeta.current.primary],
               secondary: secondaryArr,
               secondaryFieldValues
@@ -1076,7 +1036,6 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
         })
         .catch(() => {
           setLoading(false);
-          // @ts-ignore
           dataApiObj.pageSize -= 1;
         });
     }
@@ -1160,7 +1119,6 @@ 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-a/components/createAll/custom-constellation/field/Pega_DXIL_MySearchbox/utils.ts

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

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyText/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyTextInput/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyTextInput from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyTimeOfDay/demo.stories.tsx

@@ -1,5 +1,4 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyTimeOfDay from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyURL/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyUrl from './index';

package/tests/assets/sdk-a/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,22 +46,20 @@ function Avatar(props: PegaDxilMyDetailsAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    // @ts-ignore
-    const handleUserStateChange = ({ state }) => {
+    const handleUserStateChange = ({ state }: any) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        // @ts-ignore
-        .subscribe(userIdentifier, handleUserStateChange);
+        .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-a/components/createAll/custom-constellation/template/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -8,6 +8,16 @@ import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails,
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
   component: PegaDxilMyDetails,

package/tests/assets/sdk-a/components/createAll/custom-constellation/template/Pega_DXIL_MyPage/demo.stories.tsx

@@ -1,7 +1,6 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
 /* eslint-disable react/no-unstable-nested-components */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
@@ -19,18 +18,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPage>;
 
 export const BasePegaDxilMyPage: Story = args => {
-  if (!window.PCore) {
-    window.PCore = {};
-  }
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: val => {
-        return val;
-      }
-    };
-  };
-
   const configProps = pyHome1Resolved.children[0].children[0].config;
 
   const props = {
@@ -86,6 +73,7 @@ export const BasePegaDxilMyPage: Story = args => {
               />
             );
           }
+          return <></>;
         },
         ignoreSuggestion: () => {/* nothing */},
         acceptSuggestion: () => {/* nothing */},

package/tests/assets/sdk-a/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,22 +46,20 @@ function Avatar(props: PegaDxilMyTwoColumnDetailsAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    // @ts-ignore
-    const handleUserStateChange = ({ state }) => {
+    const handleUserStateChange = ({ state }: any) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        // @ts-ignore
-        .subscribe(userIdentifier, handleUserStateChange);
+        .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-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -1,12 +1,21 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyCaseWidget from './index';
 
 import historyData from './mock';
 
+ window.PCore.getDataApiUtils = (): any => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
+
 const meta: Meta<typeof PegaDxilMyCaseWidget> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidget,
@@ -16,38 +25,7 @@ const meta: Meta<typeof PegaDxilMyCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 export const BasePegaDxilMyCaseWidget: Story = args => {
-  
-  window.PCore.getConstants = () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    };
-  };
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  };
-
-  window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(historyData);
-        });
-      }
-    };
-  };
-
   const props = {
 
     getPConnect: () => {

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/index.tsx

@@ -48,8 +48,8 @@ function PegaDxilMyCaseWidget(props: PegaDxilMyCaseWidgetProps) {
                 description: <Text style={{ wordBreak: 'break-word' }}>{entry.pyMessageKey}</Text>,
                 user: entry.pyPerformer,
                 id: index
-              };
-            })
+              } as any;
+            }) as any
           );
         } else {
           setHistory([]);

package/tests/assets/sdk-a/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,22 +46,20 @@ function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    // @ts-ignore
-    const handleUserStateChange = ({ state }) => {
+    const handleUserStateChange = ({ state }: any) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        // @ts-ignore
-        .subscribe(userIdentifier, handleUserStateChange);
+        .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-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx

@@ -1,11 +1,20 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageCaseWidget from './index';
 
 import { configProps, operatorDetails } from './mock';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
   title: 'PegaDxilMyPageCaseWidget',
   component: PegaDxilMyPageCaseWidget,
@@ -15,27 +24,6 @@ const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: value => {
-      return value;
-    }
-  };
-};
-
-window.PCore.getUserApi = () => {
-  return {
-    getOperatorDetails: () => {
-      return new Promise(resolve => {
-        resolve(operatorDetails);
-      });
-    }
-  };
-};
 
 export const BasePegaDxilMyPageCaseWidget: Story = args => {
 

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageWidget from './index';
@@ -17,10 +16,6 @@ const meta: Meta<typeof PegaDxilMyPageWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 const worklistData = {
   data: {
     data: [
@@ -46,23 +41,17 @@ const worklistData = {
   }
 };
 
-export const BasePegaDxilMyPageWidget: Story = args => {
-
- window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      }
-    };
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
   };
+};
 
+export const BasePegaDxilMyPageWidget: Story = args => {
   const props = {
     ...configProps,
     getPConnect: () => {
@@ -113,5 +102,5 @@ BasePegaDxilMyPageWidget.args = {
   header: configProps.header,
   description: configProps.description,
   whatsnewlink: configProps.whatsnewlink,
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
 };