@pega/custom-dx-components 8.8.20 → 23.1.11

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

@@ -5,18 +5,31 @@
     "project": "tsconfig.json",
     "ecmaVersion": 13
   },
+  "globals": {
+    "PCore": "readonly"
+  },
   "settings": {
     "import/resolver": {
       "typescript": {},
       "node": {
-        "extensions": [".js", ".jsx"]
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
       }
     },
     "react": {
       "version": "detect"
     }
   },
-  "ignorePatterns": ["node_modules", "packages/*/lib", "!.storybook", ".storybook/public"],
+  "ignorePatterns": [
+    "node_modules",
+    "packages/*/lib",
+    "!.storybook",
+    ".storybook/public",
+    "**/demo.stories.jsx",
+    "**/mock.stories.js",
+    "**/demo.stories.tsx",
+    "**/mock.stories.ts",
+    "**/*.mdx"
+  ],
   "rules": {
     // Prettier recommends running separately from a linter.
     // https://prettier.io/docs/en/integrating-with-linters.html#notes
@@ -30,7 +43,7 @@
 
     //
     // JA - Override some default lint handling here
-    "@typescript-eslint/array-type": ["error", { "default": "generic" }],
+    "@typescript-eslint/array-type": "off",
     // "import/extensions": ["warn", "never"],    // Turning off for now (see below)
 
     //
@@ -71,15 +84,18 @@
     //
     // Initial release: set to error
     "@typescript-eslint/no-inferrable-types": "error",
-    "eqeqeq": "error",
-    "no-alert": "error",
+    "eqeqeq": "off",
+    "no-alert": "off",
     "no-console": "error",
     "no-fallthrough": "error",
     "no-undef": "error",
-    "no-unused-vars": "error",
-    "no-var": "error",
-    "prefer-const": "error",
+    "no-unused-vars": "off",
+    "no-var": "off",
     "yoda": "error",
+    "no-irregular-whitespace": "off",
+    "no-empty": "off",
+    "no-new-object": "off",
+    "import/no-relative-packages": "off",
 
     "import/no-mutable-exports": "error",
     "sonarjs/max-switch-cases": "error",
@@ -98,7 +114,6 @@
     "react/static-property-placement": "error",
     "array-callback-return": "error",
     "camelcase": "error",
-    "default-case": "error",
     "func-names": "error",
     "no-case-declarations": "error",
     "no-lonely-if": "error",
@@ -127,6 +142,7 @@
     "operator-assignment": "error",
     "prefer-template": "error",
     "vars-on-top": "error",
+    "prefer-regex-literals": "off",
 
     "no-use-before-define": "off", // doc for @typescript-eslint/no-use-before-define says to turn off the base implementation
     "@typescript-eslint/no-use-before-define": "error"
@@ -173,6 +189,39 @@
         ]
       }
     },
+    {
+      // rules for typescript (keeping old rules for js)
+      "files": "*.@(ts|tsx)",
+      "rules": {
+        "no-undef": "off",
+        "no-console": "off",
+        "import/prefer-default-export": "off",
+        "import/no-relative-packages": "off",
+        "react/jsx-fragments": "off",
+        "react/react-in-jsx-scope": "off",
+        // Set up configuration for future sweep
+        "react-hooks/exhaustive-deps": [
+          "error",
+          {
+            "additionalHooks": "useAfterInitialEffect"
+          }
+        ],
+        "sonarjs/cognitive-complexity": ["warn", 45]
+      }
+    },
+    // {
+    //   "files": "*.@(tsx)",
+    //   "rules": {
+    //     "react/react-in-jsx-scope": "off",
+    //     // Set up configuration for future sweep
+    //     "react-hooks/exhaustive-deps": [
+    //       "error",
+    //       {
+    //         "additionalHooks": "useAfterInitialEffect"
+    //       }
+    //     ]
+    //   }
+    // },
     {
       "files": "*.@(js|jsx|ts|tsx|mdx)",
       "rules": {}

package/src/tasks/init/template/.storybook/main.js

@@ -0,0 +1,12 @@
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  framework: {
+    name: '@storybook/react-webpack5'
+  },
+  docs: {
+    autodocs: 'tag'
+  }
+};
+export default config;

package/src/tasks/init/template/.storybook/preview.js

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  }
+};
+
+export default preview;

package/src/tasks/init/template/babel.config.cjs

@@ -1,11 +1,11 @@
 module.exports = {
   presets: [
     [
-      '@babel/preset-env',
+      '@babel/preset-typescript',
       {
-        targets: {
-          node: 'current'
-        }
+        onlyRemoveTypeImports: true,
+        allExtensions: true,
+        isTSX: true
       }
     ]
   ],

package/src/tasks/init/template/jest.config.cjs

@@ -0,0 +1,21 @@
+module.exports = {
+  verbose: true,
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  transform: {
+    '^.+\\.[t|j]sx?$': 'babel-jest'
+  },
+  collectCoverage: true,
+  testPathIgnorePatterns: [],
+  transformIgnorePatterns: [],
+  modulePathIgnorePatterns: [],
+  coveragePathIgnorePatterns: [],
+  collectCoverageFrom: ['./node_modules/@pega/custom-dx-components/src/*.js'],
+  coverageThreshold: {
+    global: {
+      statements: 79,
+      branches: 74,
+      functions: 81,
+      lines: 80
+    }
+  }
+};

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

@@ -6,7 +6,7 @@
   "main": "src/index.js",
   "type": "module",
   "scripts": {
-    "startStorybook": "start-storybook --port 6040 --quiet",
+    "startStorybook": "storybook dev --port 6040 --quiet",
     "lint": "run-p -cl lint:*",
     "authenticate": "custom-dx-components authenticate",
     "buildComponent": "custom-dx-components buildComponent",
@@ -27,7 +27,12 @@
     "lint:es": "eslint .",
     "lint:styles": "stylelint \"./**/*.@(js|jsx|ts|tsx)\"",
     "lint:format": "prettier -c .",
-    "lint:spelling": "cspell --no-progress **/*"
+    "lint:spelling": "cspell --no-progress **/*",
+    "test": "echo 'Running functional and unit tests will DELETE existing local components, proceed (y/n)?' && read proceed && if test \"$proceed\" = \"y\"; then npm run test:full; fi ",
+    "test:full": "npm run test:functional && npm run test:unit",
+    "test:functional": "npm run test:functional:local --prefix node_modules/@pega/custom-dx-components",
+    "test-coverage": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand node_modules/@pega/custom-dx-component --ci --testResultsProcessor='jest-junit' --coverage",
+    "test:unit": "npm run test:unit:local --prefix node_modules/@pega/custom-dx-components"
   },
     "scriptsComments": {
     "build": "tsc -b tsconfig.build.json",
@@ -45,10 +50,12 @@
   "author": "",
   "license": "Enter License",
   "sideEffects": false,
-  "dependencies": {
-    "@pega/cosmos-react-core": "^3.2.2",
-    "@pega/cosmos-react-work": "3.2.2",
-    "dayjs": "^1.11.5",
+ "dependencies": {
+    "@pega/cosmos-react-condition-builder": "^4.2.0",
+    "@pega/cosmos-react-core": "^4.2.0",
+    "@pega/cosmos-react-work": "^4.2.0",
+    "dayjs": "^1.11.10",
+    "lodash.get": "^4.4.2",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
@@ -57,40 +64,44 @@
     "react-is": "^18.2.0",
     "react-player": "^2.10.1",
     "react-redux": "^7.2.6",
-    "styled-components": "^5.3.5"
+    "styled-components": "^5.3.5",
+    "ts-loader": "^9.5.1"
   },
   "devDependencies": {
-    "@pega/configs": "^0.5.3",
-    "@pega/custom-dx-components": "^8.8.20",
-    "@pega/eslint-config": "^0.3.2",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/addon-knobs": "^6.3.1",
-    "@storybook/addon-storysource": "^6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "^6.5.12",
-    "@types/emoji-mart": "^3.0.9",
+    "@pega/configs": "^0.6.0",
+    "@pega/custom-dx-components": "23.1.11",
+    "@pega/pcore-pconnect-typedefs": "2.0.0",
+    "@storybook/addon-actions": "^7.6.7",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-storysource": "^7.6.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-webpack5": "^7.6.7",
+    "@types/emoji-mart": "^3.0.14",
+    "@types/lodash.get": "^4.4.9",
     "@types/react": "^17.0.39",
-    "@types/react-color": "^3.0.6",
+    "@types/react-color": "^3.0.11",
     "@types/react-dom": "^17.0.11",
-    "@types/styled-components": "^5.1.26",
+    "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
-    "eslint": "^8.4.1",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-mdx": "^2.0.5",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-sonarjs": "^0.11.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.6.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-mdx": "^2.3.2",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-sonarjs": "^0.23.0",
+    "eslint-plugin-storybook": "^0.6.15",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-junit": "^16.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.7.1",
+    "prettier": "3.1.1",
+    "storybook": "^7.6.7",
     "stylelint": "^14.11.0",
-    "typescript": "~4.8.3"
+    "typescript": "~4.9.5"
   }
 }

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

@@ -3,6 +3,7 @@
   "include": ["./**/*", ".storybook/**/*"],
   "compilerOptions": {
     "noEmit": true,
-    "allowJs": true
+    "allowJs": true,
+    "importsNotUsedAsValues": "remove"
   }
 }

package/src/tasks/list/helper.js

@@ -7,15 +7,7 @@ import ora from 'ora';
 
 import inquirer from 'inquirer';
 
-import {
-  LIST_COMPONENT_SERVICE_REST_ENDPOINT,
-  LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT,
-  TOKEN_PATH,
-  COMPONENT_SCHEMA,
-  TASKS_CONFIG_JSON_FILENAME,
-  COMPONENTS_DIRECTORY_PATH,
-  COMPONENTS_PATH
-} from '../../constants.js';
+import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH, COMPONENT_SCHEMA, TASKS_CONFIG_JSON_FILENAME, COMPONENTS_DIRECTORY_PATH, COMPONENTS_PATH } from '../../constants.js';
 import { constructCompleteUrl, getComponents, getPegaServerConfig, getHttpsAgent, sanitize } from '../../util.js';
 
 export const SOURCE_OF_COMPONENT_TYPES = {
@@ -23,6 +15,8 @@ export const SOURCE_OF_COMPONENT_TYPES = {
   LOCAL: 'Local'
 };
 
+
+
 export const getListComponentsQuestions = async (options) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
 
@@ -49,7 +43,9 @@ export const getLaunchPadFilterQuestions = async () => {
   data = data && JSON.parse(data);
 
   if (!data[COMPONENTS_DIRECTORY_PATH]) {
-    console.error(`${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`);
+    console.error(
+      `${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`
+    );
     process.exit(1);
   }
 
@@ -63,7 +59,7 @@ export const getLaunchPadFilterQuestions = async () => {
       name: 'organization',
       message: 'Enter component organization (required)',
       default: organization,
-      validate: (value) => {
+      validate: value => {
         if (value) {
           return true;
         }
@@ -74,7 +70,7 @@ export const getLaunchPadFilterQuestions = async () => {
       name: 'library',
       message: 'Enter library name (required)',
       default: library,
-      validate: (value) => {
+      validate: value => {
         if (value) {
           return true;
         }
@@ -82,7 +78,7 @@ export const getLaunchPadFilterQuestions = async () => {
       }
     }
   ];
-};
+}
 
 export const listLocalComponents = async (sourceOfComponents) => {
   let localComponents = await getComponents();
@@ -173,6 +169,8 @@ export const getComponentsFromServer = async (library, organization) => {
     isLaunchpad ? LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT : LIST_COMPONENT_SERVICE_REST_ENDPOINT
   );
 
+
+
   return new Promise((resolve, reject) => {
     try {
       fs.readFile(TOKEN_PATH, 'utf8', (err, data) => {
@@ -190,12 +188,9 @@ export const getComponentsFromServer = async (library, organization) => {
 
             fetchComponentsFromLaunchpad(url, headers)
               .then((response) => {
-                response = response.filter(
-                  (component) =>
-                    (component.library === library || library === '*') && (component.organization === organization || organization === '*')
-                );
-                resolve(response);
-              })
+                response = response.filter(component => (component.library === library || library === "*" ) && (component.organization === organization || organization === "*"));
+                resolve(response); }
+              )
               .catch((e) => reject(e));
           } else {
             headers.Authorization = `${tokenType} ${accessToken}`;

package/src/tasks/publish/helper.js

@@ -13,7 +13,11 @@ import {
   validateRulesetVersion,
   getHttpsAgent
 } from '../../util.js';
-import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+import {
+  PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  TOKEN_PATH
+} from '../../constants.js';
 
 export const getPublishComponentQuestions = async () => {
   const components = await getComponents();
@@ -36,7 +40,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetName',
       message: 'Enter ruleset name',
       default: defaultPegaConfig.rulesetName,
-      validate: (value) => {
+      validate: value => {
         if (value.trim()) {
           return true;
         }
@@ -50,7 +54,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetVersion',
       message: 'Enter ruleset version',
       default: defaultPegaConfig.rulesetVersion,
-      validate: (value) => {
+      validate: value => {
         if (validateRulesetVersion(value)) {
           return true;
         }
@@ -76,7 +80,7 @@ export const getPublishComponentQuestions = async () => {
   ];
 };
 
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
@@ -90,7 +94,7 @@ export const zipComponent = async (componentKey) => {
 
   const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
 
-  fs.rmdir('dist', { recursive: true }, (err) => {
+  fs.rmdir('dist', { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -105,7 +109,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const { serverType, isolationId } = defaultPegaServerConfig;
   const isLaunchpad = serverType === 'launchpad';
-  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace('{isolationId}', isolationId);
+  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace(
+    '{isolationId}',
+    isolationId || 'undefined'
+  );
   let apiBody;
 
   if (isLaunchpad) {
@@ -129,7 +136,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   }
 
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(defaultPegaConfig.server, isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
 
   if (doFetch) {
     try {
@@ -156,29 +166,39 @@ export const publishComponentToServer = async (data, doFetch) => {
           headers,
           body: JSON.stringify(apiBody)
         })
-          .then((response) => {
+          .then(response => {
             status = response.status;
             return response.text();
           })
-          .then((resp) => {
+          .then(resp => {
             const respData = isLaunchpad ? resp : JSON.parse(resp);
             if (status === 401) {
-              throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+              throw new Error(
+                'Error occurred in authentication. Please regenerate using authenticate'
+              );
               // console.log(accessTokenUri, refreshToken);
               /* TODO - Handle refresh_token */
             } else if (status === 200 || status === 201) {
-              console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
+              console.log(
+                chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`)
+              );
             } else {
               throw new Error(`${respData.message}`);
             }
           })
-          .catch((e) => {
+          .catch(e => {
             if (e.code === 'ECONNREFUSED') {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
+              Promise.reject(
+                `${chalk.bold.red(
+                  'Error occurred in authentication. Please regenerate using authenticate'
+                )}`
+              );
             } else if (status === 403) {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`);
+              Promise.reject(
+                `${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`
+              );
             } else {
               // eslint-disable-next-line prefer-promise-reject-errors
               Promise.reject(`${chalk.bold.red(e)}`);

package/src/tasks/publish/index.js

@@ -1,5 +1,5 @@
 import inquirer from 'inquirer';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';

package/src/tasks/publish-all/helper.js

@@ -5,8 +5,18 @@ import fetch from 'node-fetch';
 import AdmZip from 'adm-zip';
 import chalk from 'chalk';
 
-import { constructCompleteUrl, getComponentDirectoryPath, getPegaServerConfig, validateRulesetVersion, getHttpsAgent } from '../../util.js';
-import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+import {
+  constructCompleteUrl,
+  getComponentDirectoryPath,
+  getPegaServerConfig,
+  validateRulesetVersion,
+  getHttpsAgent
+} from '../../util.js';
+import {
+  PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  TOKEN_PATH
+} from '../../constants.js';
 
 export const getPublishComponentQuestions = async () => {
   const defaultPegaConfig = await getPegaServerConfig();
@@ -16,7 +26,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetName',
       message: 'Enter ruleset name',
       default: defaultPegaConfig.rulesetName,
-      validate: (value) => {
+      validate: value => {
         if (value.trim()) {
           return true;
         }
@@ -30,7 +40,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetVersion',
       message: 'Enter ruleset version',
       default: defaultPegaConfig.rulesetVersion,
-      validate: (value) => {
+      validate: value => {
         if (validateRulesetVersion(value)) {
           return true;
         }
@@ -56,7 +66,7 @@ export const getPublishComponentQuestions = async () => {
   ];
 };
 
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
@@ -79,13 +89,13 @@ export const zipComponent = async (componentKey) => {
 };
 
 export const cleanUp = async () => {
-  fs.rm('dist/components', { recursive: true }, (err) => {
+  fs.rm('dist/components', { recursive: true }, err => {
     if (err) {
       throw err;
     }
   });
 
-  fs.rm('lib', { recursive: true }, (err) => {
+  fs.rm('lib', { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -98,7 +108,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const { serverType, isolationId } = defaultPegaServerConfig;
   const isLaunchpad = serverType === 'launchpad';
-  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace('{isolationId}', isolationId);
+  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace(
+    '{isolationId}',
+    isolationId || 'undefined'
+  );
   let apiBody;
 
   if (isLaunchpad) {
@@ -122,7 +135,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   }
 
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(defaultPegaConfig.server, isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
 
   if (doFetch) {
     try {
@@ -149,29 +165,39 @@ export const publishComponentToServer = async (data, doFetch) => {
           headers,
           body: JSON.stringify(apiBody)
         })
-          .then((response) => {
+          .then(response => {
             status = response.status;
             return response.text();
           })
-          .then((resp) => {
+          .then(resp => {
             const respData = isLaunchpad ? resp : JSON.parse(resp);
             if (status === 401) {
-              throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+              throw new Error(
+                'Error occurred in authentication. Please regenerate using authenticate'
+              );
               // console.log(accessTokenUri, refreshToken);
               /* TODO - Handle refresh_token */
             } else if (status === 200 || status === 201) {
-              console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
+              console.log(
+                chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`)
+              );
             } else {
               throw new Error(`${respData.message}`);
             }
           })
-          .catch((e) => {
+          .catch(e => {
             if (e.code === 'ECONNREFUSED') {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
+              Promise.reject(
+                `${chalk.bold.red(
+                  'Error occurred in authentication. Please regenerate using authenticate'
+                )}`
+              );
             } else if (status === 403) {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`);
+              Promise.reject(
+                `${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`
+              );
             } else {
               // eslint-disable-next-line prefer-promise-reject-errors
               Promise.reject(`${chalk.bold.red(e)}`);