@pega/custom-dx-components 0.25.5 → 0.25.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.5",
+  "version": "0.25.6",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,17 +15,18 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.23.7",
-    "@babel/plugin-transform-class-properties": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@pega/auth": "^0.2.19",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-class-properties": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
+    "@pega/auth": "^0.2.23",
     "@pega/constellation-dx-components-build-utils": "^1.0.1",
-    "ajv": "^8.12.0",
+    "@pega/inquirer-fuzzy-path": "^3.0.0",
+    "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
     "archiver": "^7.0.1",
     "arg": "^5.0.2",
-    "babel-loader": "^9.1.3",
-    "chalk": "^5.3.0",
+    "babel-loader": "^9.2.1",
+    "chalk": "^5.4.1",
     "check-git": "^2.0.2",
     "compression-webpack-plugin": "^10.0.0",
     "css-loader": "6.8.1",
@@ -33,28 +34,28 @@
     "eslint": "^8.56.0",
     "execa": "^8.0.1",
     "file-loader": "6.2.0",
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.0",
     "gitignore": "^0.7.0",
-    "inquirer": "^9.2.12",
+    "inquirer": "^9.3.7",
     "jwt-decode": "^4.0.0",
-    "listr2": "^8.0.1",
+    "listr2": "^8.2.5",
     "mini-css-extract-plugin": "2.7.6",
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.3.2",
-    "ora": "^8.0.1",
+    "ora": "^8.1.1",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.33",
+    "postcss": "^8.5.1",
     "postcss-loader": "7.3.4",
     "postcss-preset-env": "9.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
-    "resolve": "1.22.8",
+    "resolve": "1.22.10",
     "resolve-url-loader": "^5.0.0",
     "sass-loader": "^13.3.3",
-    "terser-webpack-plugin": "5.3.10",
-    "ts-loader": "^9.5.1",
+    "terser-webpack-plugin": "5.3.11",
+    "ts-loader": "^9.5.2",
     "typescript": "~5.3.3",
     "unarchive": "^1.1.3",
     "url-loader": "4.1.1",
@@ -68,16 +69,16 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.23.7",
-    "@pega/configs": "^0.7.1",
-    "@pega/prettier-config": "^0.7.1",
-    "@types/jest": "^29.5.11",
+    "@babel/preset-env": "^7.26.0",
+    "@pega/configs": "^0.16.2",
+    "@pega/prettier-config": "^0.16.2",
+    "@types/jest": "^29.5.14",
     "babel-jest": "^29.7.0",
-    "cspell": "^8.3.2",
+    "cspell": "^8.17.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "prettier": "3.1.1",
-    "ts-jest": "^29.1.1"
+    "prettier": "3.3.3",
+    "ts-jest": "^29.2.5"
   }
 }

package/src/tasks/create/templates/Constellation/Field/Date/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getEnvironmentInfo = () => {
@@ -26,7 +26,7 @@ window.PCore.getEnvironmentInfo = () => {
     getLocale: () => {
       return 'en-GB';
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {

package/src/tasks/create/templates/Constellation/Field/DateTime/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getEnvironmentInfo = () => {
@@ -26,7 +26,7 @@ window.PCore.getEnvironmentInfo = () => {
     getLocale: () => {
       return 'en-GB';
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/demo.stories.tsx.mustache

@@ -15,8 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const statelistData = {
@@ -38,7 +37,6 @@ const statelistData = {
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
-  // @ts-ignore
   window.PCore.getDataPageUtils = () => {
     return {
       getData: () => {
@@ -51,7 +49,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(statelistData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

package/src/tasks/create/templates/Constellation/Field/Text-Phone/demo.test.tsx.mustache

@@ -13,7 +13,7 @@ test('renders {{COMPONENT_CLASS_NAME}}', async () => {
   expect(await screen.findByText('Phone Helper Text')).toBeVisible();
 
 
-  const phoneElement = (await screen.getByTestId('phone-12345678') as HTMLInputElement);
+  const phoneElement = (screen.getByTestId('phone-12345678') as HTMLInputElement);
   expect(phoneElement.value).toBe('');
 
   expect(phoneElement).toHaveAttribute('placeholder', 'Phone Placeholder');

package/src/tasks/create/templates/Constellation/Field/TimeofDay/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache

@@ -21,20 +21,18 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
-// @ts-ignore
+
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getUserApi = () => {
   return {
     getOperatorDetails: () => {
@@ -42,7 +40,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 const Region = (props: any) => {

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.tsx.mustache

@@ -20,20 +20,17 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
-// @ts-ignore
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getUserApi = () => {
   return {
     getOperatorDetails: () => {
@@ -41,7 +38,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 const Region = (props: any) => {

package/src/tasks/create/templates/Constellation/Template/PAGE/demo.stories.tsx.mustache

@@ -20,17 +20,15 @@ type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
   if (!window.PCore) {
-    // @ts-ignore
-    window.PCore = {};
+    window.PCore = {} as any;
   }
 
-  // @ts-ignore
   window.PCore.getLocaleUtils = () => {
     return {
       getLocaleValue: (val: any) => {
         return val;
       }
-    };
+    } as any;
   };
 
   const configProps = pyHome1Resolved.children[0].children[0].config;

package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.tsx.mustache

@@ -15,31 +15,27 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
-  // @ts-ignore
   window.PCore.getConstants = () => {
     return {
       CASE_INFO: {
         CASE_INFO_ID: 'caseInfo.ID'
       }
-    };
+    } as any;
   };
 
-  // @ts-ignore
   window.PCore.getLocaleUtils = () => {
     return {
       getLocaleValue: (value: any) => {
         return value;
       }
-    };
+    } as any;
   };
 
-  // @ts-ignore
   window.PCore.getDataApiUtils = () => {
     return {
       getData: () => {
@@ -48,7 +44,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(historyData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

package/src/tasks/create/templates/Constellation/Widget/CASE/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.tsx.mustache

@@ -17,8 +17,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const worklistData = {
@@ -48,7 +47,6 @@ const worklistData = {
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
 
-  // @ts-ignore
   window.PCore.getDataApiUtils = () => {
     return {
       getData: () => {
@@ -63,7 +61,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(worklistData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.tsx.mustache

@@ -15,20 +15,17 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
-// @ts-ignore
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getUserApi = () => {
   return {
     getOperatorDetails: () => {
@@ -37,7 +34,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/demo.stories.tsx.mustache

@@ -16,8 +16,7 @@ type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const countrylistData = {
@@ -37,7 +36,6 @@ const countrylistData = {
   ]
 };
 
-// @ts-ignore
 window.PCore.getDataPageUtils = () => {
   return {
     getData: () => {
@@ -50,7 +48,7 @@ window.PCore.getDataPageUtils = () => {
         resolve(countrylistData);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.stories.tsx.mustache

@@ -15,29 +15,25 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
-// @ts-ignore
 window.PCore.getConstants = () => {
   return {
     CASE_INFO: {
       CASE_INFO_ID: 'caseInfo.ID'
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getDataApiUtils = () => {
   return {
     getData: () => {
@@ -46,7 +42,7 @@ window.PCore.getDataApiUtils = () => {
         resolve(historyData);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/create/templates/Launchpad/Widget/PAGE/demo.stories.tsx.mustache

@@ -16,8 +16,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const worklistData = {
@@ -46,7 +45,6 @@ const worklistData = {
 
 };
 
-// @ts-ignore
 window.PCore.getDataApiUtils = () => {
   return {
     getData: () => {
@@ -61,7 +59,7 @@ window.PCore.getDataApiUtils = () => {
         resolve(worklistData);
       });
     }
-  };
+  } as any;
 };
 
 

package/src/tasks/create/templates/Launchpad/Widget/PAGE/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/demo.stories.tsx.mustache

@@ -15,20 +15,17 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  // @ts-ignore
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
-// @ts-ignore
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
-// @ts-ignore
 window.PCore.getUserApi = () => {
   return {
     getOperatorDetails: () => {
@@ -37,7 +34,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/demo.test.tsx.mustache

@@ -1,5 +1,5 @@
 // import { expect, test } from '@jest/globals';
-import { fireEvent, render, screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { composeStories } from '@storybook/react';
 import '@testing-library/jest-dom';
 

package/src/tasks/export-archive/helper.js

@@ -25,16 +25,40 @@ addDebugLog("getFilePathQuestions", "", "");
   const currentDirectory = process.cwd();
   const arPathParts = currentDirectory.split(path.sep);
   let defaultPath = join(arPathParts[0], arPathParts[1], arPathParts[2], configDef.exportRelativePath);
+  let startDirectory = join(arPathParts[0], arPathParts[1], arPathParts[2]);
+
   if (path.sep === "/") {
     defaultPath = "/".concat(defaultPath);
+    startDirectory = "/".concat(startDirectory).concat("/");
   }
 
-
   return [
     {
       name: 'filePath',
+      type: 'fuzzypath',
       message: 'Enter full file path of directory to export zip file:',
-      default: defaultPath
+      default: defaultPath,
+      excludePath: nodePath => nodePath.startsWith('node_modules'),
+        // excludePath :: (String) -> Bool
+        // excludePath to exclude some paths from the file-system scan
+      excludeFilter: nodePath => nodePath.indexOf('/.') >= 0,
+        // excludeFilter :: (String) -> Bool
+        // excludeFilter to exclude some paths from the final list, e.g. '.'
+      itemType: 'directory',
+        // itemType :: 'any' | 'directory' | 'file'
+        // specify the type of nodes to display
+        // default value: 'any'
+        // example: itemType: 'file' - hides directories from the item list
+      rootPath: startDirectory,
+        // rootPath :: String
+        // Root search directory
+      suggestOnly: false,
+        // suggestOnly :: Bool
+        // Restrict prompt answer to available choices or use them as suggestions
+      depthLimit: 2,
+        // depthLimit :: integer >= 0
+        // Limit the depth of sub-folders to scan
+        // Defaults to infinite depth if undefined
     }
   ];
 };

package/src/tasks/export-archive/index.js

@@ -22,6 +22,8 @@ import { TASKS_CONFIG_JSON_FILENAME, ARCHIVES_PATH, BIN_ARCHIVES_PATH } from '..
 import { getFilePathQuestions, getLibraryQuestion, getLibraryVersionQuestion, updateSavedExportFilePath, getFullArchiveQuestions  } from './helper.js';
 import { localBuildLibrary } from '../build-lib/index.js';
 
+import inquirerFuzzyPath from '@pega/inquirer-fuzzy-path';
+
 export const DXCB_CONFIG_INTERNAL_JSON_FILENAME = 'src/dxcb.config.json';
 const currentDirectory = process.cwd();
 const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
@@ -340,6 +342,9 @@ export default async options => {
     // if Binary, then we need to just build the current library, get the results and
     // and export an archive as zip
     if (fullArchive === "Binary") {
+
+      inquirer.registerPrompt('fuzzypath', inquirerFuzzyPath);
+
       filePathQuestions = await getFilePathQuestions();
       filePathAnswers = await inquirer.prompt(filePathQuestions);
       ({ filePath } = filePathAnswers);
@@ -365,6 +370,7 @@ export default async options => {
         ({ selectedVersion } = libraryVersionAnswer);
       }
 
+      inquirer.registerPrompt('fuzzypath', inquirerFuzzyPath);
 
       filePathQuestions = await getFilePathQuestions();
       filePathAnswers = await inquirer.prompt(filePathQuestions);

package/src/tasks/import-archive/helper.js

@@ -7,6 +7,7 @@ import { addDebugLog, getConfigDefaults, convertIntoPascalCase, getComponents, g
 import { TASKS_CONFIG_JSON_FILENAME, TEMP_PATH, PACKAGE_JSON_FILENAME } from '../../constants.js';
 
 
+
 export const SOURCE_OF_COMPONENT_TYPES = {
   SERVER: 'Server',
   LOCAL: 'Local'
@@ -240,21 +241,49 @@ addDebugLog("getFilePathQuestions", "", "");
     console.log("\tWindows:\tC:\\Users\\name\\...\n");
   }
 
+  // console.log(chalk.yellow("[Press arrows to search, press <tab> to select, press <enter> to return (after selecting via tab).]"));
+  console.log(chalk.yellow("[Manual typing, give search time to find paths]\n"));
+
   const configDef = getConfigDefaults();
 
   const currentDirectory = process.cwd();
   const arPathParts = currentDirectory.split(path.sep);
   let defaultPath = join(arPathParts[0], arPathParts[1], arPathParts[2], configDef.importRelativePath);
+  let startDirectory = join(arPathParts[0], arPathParts[1], arPathParts[2]);
+
   if (path.sep === "/") {
     defaultPath = "/".concat(defaultPath);
+    startDirectory = "/".concat(startDirectory).concat("/");
   }
 
 
   return [
     {
       name: 'filePath',
+      type: 'fuzzypath',
       message: 'Enter full file path of zip file location:',
-      default: defaultPath
+      default: defaultPath,
+      excludePath: nodePath => nodePath.startsWith('node_modules'),
+        // excludePath :: (String) -> Bool
+        // excludePath to exclude some paths from the file-system scan
+      excludeFilter: nodePath => nodePath.indexOf('/.') >= 0,
+        // excludeFilter :: (String) -> Bool
+        // excludeFilter to exclude some paths from the final list, e.g. '.'
+      itemType: 'directory',
+        // itemType :: 'any' | 'directory' | 'file'
+        // specify the type of nodes to display
+        // default value: 'any'
+        // example: itemType: 'file' - hides directories from the item list
+      rootPath: startDirectory,
+        // rootPath :: String
+        // Root search directory
+      suggestOnly: false,
+        // suggestOnly :: Bool
+        // Restrict prompt answer to available choices or use them as suggestions
+      depthLimit: 2,
+        // depthLimit :: integer >= 0
+        // Limit the depth of sub-folders to scan
+        // Defaults to infinite depth if undefined
     }
   ];
 };

package/src/tasks/import-archive/index.js

@@ -7,6 +7,10 @@ import ncp from 'ncp';
 import chalk from 'chalk';
 import { Listr } from 'listr2';
 
+import StreamZip from 'node-stream-zip';
+
+import inquirerFuzzyPath from '@pega/inquirer-fuzzy-path';
+
 import {
   sanitize,
   checkPathAccess,
@@ -226,21 +230,51 @@ addDebugLog("importArch", `filePath: ${filePath}, fileName: ${fileName}`, "");
   const tempDirectory = join(currentDirectory, TEMP_PATH);
   const zipFilePath = join(filePath, fileName);
 
-  await unZipFromArchive(zipFilePath);
 
-  // check to see if have a tasks.config.json file, if not, archive not good
+  // we are going to use node stream zip to list contents of archive first,
+  // before we un archive to a temp directory.  If pass, then un archive
+  let passCount = 0;
+
+  // check to see if have a tasks.config.json  and package,json file, if not, archive not good
   const tempTasksConfig = join(tempDirectory, "tasks.config.json");
   const tempPackage = join(tempDirectory, "package.json");
+  const tasksConfig = "tasks.config.json";
+  const packageJson = "package.json";
+  try {
+    const testZip = new StreamZip.async({ file: zipFilePath});
+    const entries = await testZip.entries();
 
-  if (!fs.existsSync(tempTasksConfig) || !fs.existsSync(tempPackage)) {
+    for (const entry of Object.values(entries)) {
+      if ( entry.name.indexOf(packageJson) >= 0 || entry.name.indexOf(tasksConfig) >= 0) {
+        passCount++;
+      }
+    }
+
+    // Do not forget to close the file once you're done
+    await testZip.close();
+  }
+  catch (ex) {
+    passCount = 0;
+  }
+
+
+  if (passCount < 2) {
     console.log(chalk.red.bold(`Zip file: ${fileName} not a compatible DX Component archive.`));
-    console.log(chalk.red.bold("Cleaning up..."));
-    fs.rmSync(tempDirectory, { recursive: true, force: true, maxRetries: 5  });
-    console.log(chalk.red.bold("Done."));
     process.exit(1);
 
   }
 
+  await unZipFromArchive(zipFilePath);
+
+  // if (!fs.existsSync(tempTasksConfig) || !fs.existsSync(tempPackage)) {
+  //   console.log(chalk.red.bold(`Zip file: ${fileName} not a compatible DX Component archive.`));
+  //   console.log(chalk.red.bold("Cleaning up..."));
+  //   fs.rmSync(tempDirectory, { recursive: true, force: true, maxRetries: 5  });
+  //   console.log(chalk.red.bold("Done."));
+  //   process.exit(1);
+
+  // }
+
   // need to get info from tasks.config and package.json
   // we won't rely on name of file, as owner can change it
 
@@ -415,8 +449,25 @@ export default async options => {
   }
   else {
 
-    const filePathQuestions = await getFilePathQuestions();
-    const filePathAnswers = await inquirer.prompt(filePathQuestions);
+    inquirer.registerPrompt('fuzzypath', inquirerFuzzyPath);
+
+    let filePathQuestions;
+    try {
+      filePathQuestions = await getFilePathQuestions();
+    }
+    catch (ex) {
+      process.exit(1);
+    }
+
+
+    let filePathAnswers;
+    try {
+      filePathAnswers = await inquirer.prompt(filePathQuestions);
+    }
+    catch(ex) {
+      process.exit(1);
+    }
+
     const { filePath } = filePathAnswers;
     const zipFileList = await getZipFileList(filePath);
 

package/src/tasks/import-comp/helper.js

@@ -20,16 +20,41 @@ addDebugLog("getFilePathQuestions", "", "");
   const currentDirectory = process.cwd();
   const arPathParts = currentDirectory.split(path.sep);
   let defaultPath = join(arPathParts[0], arPathParts[1], arPathParts[2], configDef.importRelativePath);
+  let startDirectory = join(arPathParts[0], arPathParts[1], arPathParts[2]);
+
   if (path.sep === "/") {
     defaultPath = "/".concat(defaultPath);
+    startDirectory = "/".concat(startDirectory).concat("/");
   }
 
 
   return [
     {
       name: 'filePath',
+      type: 'fuzzypath',
       message: 'Enter full file path of zip file location:',
-      default: defaultPath
+      default: defaultPath,
+      excludePath: nodePath => nodePath.startsWith('node_modules'),
+        // excludePath :: (String) -> Bool
+        // excludePath to exclude some paths from the file-system scan
+      excludeFilter: nodePath => nodePath.indexOf('/.') >= 0,
+        // excludeFilter :: (String) -> Bool
+        // excludeFilter to exclude some paths from the final list, e.g. '.'
+      itemType: 'directory',
+        // itemType :: 'any' | 'directory' | 'file'
+        // specify the type of nodes to display
+        // default value: 'any'
+        // example: itemType: 'file' - hides directories from the item list
+      rootPath: startDirectory,
+        // rootPath :: String
+        // Root search directory
+      suggestOnly: false,
+        // suggestOnly :: Bool
+        // Restrict prompt answer to available choices or use them as suggestions
+      depthLimit: 2,
+        // depthLimit :: integer >= 0
+        // Limit the depth of sub-folders to scan
+        // Defaults to infinite depth if undefined
     }
   ];
 };

package/src/tasks/import-comp/index.js

@@ -21,6 +21,8 @@ import { getFilePathQuestions, getFileNameQuestions, updateSavedFilePath  } from
 
 import buildComponent from '../build-comp/index.js';
 
+import inquirerFuzzyPath from '@pega/inquirer-fuzzy-path';
+
 export const DXCB_CONFIG_INTERNAL_JSON_FILENAME = 'src/dxcb.config.json';
 const currentDirectory = process.cwd();
 const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
@@ -340,6 +342,8 @@ addDebugLog("importComponent", "", "+");
   }
   else {
 
+    inquirer.registerPrompt('fuzzypath', inquirerFuzzyPath);
+
     const filePathQuestions = await getFilePathQuestions();
     const filePathAnswers = await inquirer.prompt(filePathQuestions);
     const { filePath } = filePathAnswers;

package/src/tasks/init/template/package.json.mustache

@@ -80,11 +80,11 @@
   "author": "",
   "license": "Enter License",
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "^8.0.0-build.13.2",
-    "@pega/cosmos-react-core": "^8.0.0-build.13.2",
-    "@pega/cosmos-react-work": "^8.0.0-build.13.2",
-    "@pega/eslint-config": "^0.10.2",
-    "@pega/tsconfig": "^0.15.1",
+    "@pega/cosmos-react-condition-builder": "^8.0.0-build.23.1",
+    "@pega/cosmos-react-core": "^8.0.0-build.23.1",
+    "@pega/cosmos-react-work": "^8.0.0-build.23.1",
+    "@pega/eslint-config": "^0.16.2",
+    "@pega/tsconfig": "^0.16.2",
     "babel-loader": "^9.1.3",
     "dayjs": "^1.11.11",
     "fast-deep-equal": "3.1.3",
@@ -99,14 +99,14 @@
     "serve": "^14.2.3",
     "shelljs": "^0.8.5",
     "styled-components": "^5.3.11",
-    "ts-loader": "^9.5.1"
+    "ts-loader": "^9.5.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.25.8",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25.7",
-    "@pega/configs": "^0.15.1",
-    "@pega/custom-dx-components": "~0.25.5",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@pega/configs": "^0.16.2",
+    "@pega/custom-dx-components": "~0.25.6",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^7.6.19",
     "@storybook/addon-essentials": "^7.6.19",
@@ -118,18 +118,18 @@
     "@storybook/test-runner": "^0.16.0",
     "@storybook/theming": "^7.6.19",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
     "@types/emoji-mart": "^3.0.14",
     "@types/jest": "^29.5.14",
     "@types/lodash.get": "^4.4.9",
     "@types/react": "^17.0.80",
-    "@types/react-color": "^3.0.12",
+    "@types/react-color": "^3.0.13",
     "@types/react-dom": "^17.0.25",
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "babel-loader": "^9.1.3",
-    "core-js": "^3.25.5",
+    "babel-loader": "^9.2.1",
+    "core-js": "^3.40.0",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.8.3",
@@ -146,6 +146,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jwt-decode": "^4.0.0",
+    "node-stream-zip": "^1.15.0",
     "npm-run-all": "^4.1.5",
     "prettier": "3.3.3",
     "storybook": "^7.6.19",